在:style 中使用 background:linear-gradient
时间: 2023-11-28 14:13:34 浏览: 73
CSS3样式linear-gradient的使用实例
linear-gradient 是 CSS 中用于创建线性渐变效果的属性,可以用于背景样式中。
语法如下:
```css
background: linear-gradient(direction, color-stop1, color-stop2, ...);
```
其中,direction 表示渐变方向,可以是角度值或关键字(如 to top、to bottom、to left、to right 等),color-stop 表示渐变的颜色和位置,可以有多个。
例如,以下代码会创建一个从左上角到右下角的渐变背景:
```css
div {
background: linear-gradient(to bottom right, red, blue);
}
```
这将创建一个从红色到蓝色的渐变背景,并且渐变方向是从左上角到右下角。
阅读全文