新闻资讯

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻资讯列表

CSS渐变背景色如何设置,css渐变背景颜色

发布时间:2023-10-12 00:51:24

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