CSS渐变背景色怎么设置

lewis 2018-01-19 22次阅读

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



发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。