背景知识颜色渐变设置:background:linear-gradient(direction,color-stop1,color-stop2,...);指定背景图片大小:background-size:length|percentage|cover|contain;难题在网页设计和其他传统媒介中,各种尺寸、颜色、角度的条纹图案在视觉设计中无处不在。想要在网页中实现条纹图案,通常我们的方法是创建一个单独的位图文件,然后每次需要做些调整时,都用图像编辑器来修改它。如果我们可以直接在CSS中创建条纹图案,那该有多好啊!解决方案假设我们有一条基本的垂直线性渐变,颜色从#fb3过渡到#58a(如图1-