温馨提示×

CSS渐变背景色怎么设置

css
小亿
142
2023-10-12 00:51:24
栏目: 编程语言

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元素的背景色从左到右渐变,起始颜色为红色,结束颜色为黄色。

0