语法:
background: linear-gradient(渐变的起始位置, 起始颜色, 结束颜色);
background:-webkit-linear-gradient(渐变的起始位置, 颜色 位置, 颜色位置....);
代码1:
background: linear-gradient(top, red, green);
background: -webkit-linear-gradient(top, red, green);
background: -moz-linear-gradient(top, red, green);
展示效果如下:

代码2:
background: -webkit-linear-gradient(top, red 0%, green 20%, blue 80%);
background: -moz-linear-gradient(left, red 0%, green 50%, skyblue 80%, hotpink 100%);
展示效果如下:

👋 感谢您的观看!
© 版权声明
THE END