.horizo??ntal-stripes{width:200px;高度：200px；底部边距：20px；颜色：#fff；/*原理：#f60占50%，从0%到50%都是纯#f60；渐变颜色从#f60（起始颜色）的50%过渡到#333（结束颜色）的50%，终点也是50%，所以相当于没有过渡；还有50%的起始颜色和结束颜色，剩下的50%区域按照结束颜色均匀分布*/background-image:linear-gradient(#f6050%,#33350%);背景大小：100%20px；}.veritcal-stripes{宽度：200px；高度：200px；底部边距：20px；颜色：#fff；背景图像：线性渐变（向右，#f6050%，#33350%）；background-size:20px100%;}1.线性渐变实现：条纹背景.horizo??ntal-stripes{width:200px;高度：200px；底部边距：20px；颜色：#fff；/*原理：#f60占50%，从0%到50%都是纯#f60；渐变颜色从#f60（起始颜色）的50%过渡到#333（结束颜色）的50%，终点也是50%，所以相当于没有过渡；还有50%的起始颜色和结束颜色，剩下的50%区域按照结束颜色均匀分布*/background-image:linear-gradient(#f6050%,#33350%);背景大小：100%20px；}.veritcal-stripes{宽度：200px；高度：200px；底部边距：20px；颜色：#fff；背景图像：线性渐变（向右，#f6050%，#33350%）；background-size:20px100%;}横条纹
