HTML5斑马线表格奇数悬停怎么做,纯css3实现斑马线repeating-linear-gradient和linear-gradient的妙用...

今天睡得太早，结果晚上12:45的时候就醒过来了。现在想起小时候，实在是羡慕，那时候9点钟睡了，到早上上学的时候还是迷迷糊糊的要睡觉的感觉，现在特羡慕那时候那么能睡。

今天是周一了，两天的休息日已经过去了，想想挺浪费的，这两天就纯呆家里玩LOL，上周周五下班的时候还给自己定了很多目标结果就执行了一个，而且效果差池人意。

实在是睡不着，趁这个时间，把上周六晚上学到的一个css3背景效果记录下，方便下次查询

这个知识点，我查询了很多博客和文档，部分文字直接复制w3cplus的

注意红色部分的疑问点

下面我们要实现这样的一个效果:

先讲一下css3多个背景：

代码：

margin: 0;padding: 0;}

.d1{

background-image:url(1.jpg),url(2.jpg);background-size: 50px 50px;background-position: 0 0,30px 0;background-repeat: no-repeat;width: 600px;height: 600px;}