CSS背景颜色性质研究

一. repeating-linear-gradient：创建线性渐变图像
语法：

background: repeating-linear-gradient(angle | to side-or-corner, color-stop1, color-stop2, …);

1. background: repeating-linear-gradient(right bottom,deepskyblue,indianred);

2. background: repeating-linear-gradient(right top,deepskyblue,indianred);

3.background: repeating-linear-gradient(to left bottom,deepskyblue,indianred);

可设置颜色的宽度 在颜色后面添加宽度，百分比%或者px值等均可,以下面的例子来说，先从20%开始填充deepskyblue，填充至50%，然后填充indianred，不足的地方会自行补足darkseagreen。因为颜色会循环填充的。

4. background:repeating-linear-gradient(to left top, deepskyblue 20%, indianred 50%,darkseagreen);
   

可以设置透明底，实现条纹

background: rebeccapurple;
 background-image:repeating-linear-gradient(45deg,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 30px,transparent 0,transparent 60px);

样式可以重复设置，设置出的样式可以重复叠加

background: rebeccapurple;
 background-image:repeating-linear-gradient(45deg,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 30px,transparent 0,transparent 60px),
 repeating-linear-gradient(-45deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.4) 30px,transparent 0,transparent 60px);