CSS渐变背景色可以通过background
属性的linear-gradient()
函数来设置。
语法:
background: linear-gradient(direction, color-stop1, color-stop2, ...);
参数解释:
direction
: 渐变的方向,可以是to top
(从下往上)、to bottom
(从上往下)、to left
(从右往左)或to right
(从左往右)。
color-stopX
: 渐变的颜色和位置。可以是一个颜色值,或者是颜色值和位置的组合。位置可以是像素、百分比或关键词。
示例:
div {
background: linear-gradient(to right, red, yellow);
}
这个例子中,div
元素的背景色从左到右渐变,起始颜色为红色,结束颜色为黄色。