CSS----＞linear-gradient、radial-gradient

linear-gradient：线性渐变

如题：使用CSS绘制以下图像，宽300px, 高300px，颜色值为black和white，24个条纹均匀分布。

思路：24条，一半12条，300/12=25，所以一个颜色条25px, 共 2个颜色条，所以size为50px.

方案：#id{

background-image:linear-gradient(45deg,white 25%, black 0, black 50%, white 0, white 75%, black 0 );

background-size:50px 50px;

} 

方向：默认 从上到下；角度是指水平线与渐变线之间的角度(逆时针计算)，0deg 指从下到上

linear-gradient 如果需要定义透明度，可以使用rgba()定义色标，函数中最后一个参数可以是0到1，0是完全透明，1是全色(不透明)

radial-gradient：径向渐变(ellipse表示椭圆)

        示例：background-image: radial-gradient(circle, red, yellow, green);