CSS渐变背风景如何设置
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
元素的背风景从左到右渐变,起始色彩为红色,结束色彩为黄色。
TOP