起首打开东西,新建一个HTML文档!
建立一个div盒子,并添加根基样式(以DIV为大师演示)
添加线性渐变结果:
语法:background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
演示代码:background-image: linear-gradient(to right, red , yellow);
添加径标的目的渐变结果:
语法:background-image: radial-gradient(shape size at position, start-color, ..., last-color);
演示代码:background-image: radial-gradient(circle, red, yellow, green);
最后,我打开浏览器来看看结果吧!
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!