CSS:三种背景(斑马线,棋盘,格子)

一,斑马线背景

CSS:三种背景(斑马线,棋盘,格子)_第1张图片

代码:



 
  
  
  
  
  
  CSS 斑马线效果
  
 
 
  这是使用CSS3的斑马线效果。
 




  注意:IE9- 看不到效果。
  在低版本IE中,请使用背景图片实现功能。
  在IE9下可以使用filter滤镜实现渐变部分。
  

二,棋盘背景

效果:CSS:三种背景(斑马线,棋盘,格子)_第2张图片

代码:



 
  
  
  
  
  
  CSS 棋盘背景
  
 
 
  注意修复当背景颜色不是黑白相间时的在IE、Firefox、Safari下的bug
 

三,格子背景(不均匀的棋盘背景)

效果:CSS:三种背景(斑马线,棋盘,格子)_第3张图片

代码:



 
  
  
  
  
  
  一种CSS格子背景
  
 
 
  这是CSS格子背景。
 

 

你可能感兴趣的:(JS/CSS)