background: linear-gradient(to bottom, #ffcc00, #00ffff)
以上代码中,linear-gradient是定义渐变的属性值,to bottom表示从上到下的方向,而#ffcc00和#00ffff是起始颜色和结束颜色。还有其他值可以调整,如从左到右(to right)、从右到左(to left)、从中心向周围扩散(radial-gradient)等等。
需要注意的是,如果需要实现多种不同颜色的渐变,可以使用逗号把它们分隔开,并设置相应的百分比值。如下面的例子:
background: linear-gradient(to bottom, #ffcc00 0%, #ff99cc 50%, #ff00ff 100%)
在以上例子中,大家使用了三种颜色,通过设置百分比来实现平滑渐变。渐变的位置、方向和颜色可以根据需求进行变动,来实现不同的效果。