在html中怎么写背景色渐变,CSS 实现背景色渐变和文字颜色渐变(示例代码)

1. 背景色渐变

A . linear-gradient：用线性渐变创建图像。

语法： = linear-gradient([ [  | to  ] ,]? [, ]+)

下述值用来表示渐变的方向，可以使用角度或者关键字来设置：

：用角度值指定渐变的方向(或角度)。to left：设置渐变为从右到左。相当于: 270degto right：设置渐变从左到右。相当于: 90degto top：设置渐变从下到上。相当于: 0degto bottom：设置渐变从上到下。相当于: 180deg。这是默认值，等同于留空不写。

用于指定渐变的起止颜色：

指定颜色。用长度值指定起止色位置。不允许负值用百分比指定起止色位置。

兼容：除了被扫进历史垃圾堆的IE8,9，以及Opera Mini 不兼容，其他浏览器，包括移动端的浏览器，都能支持这个属性。

如果渐变方向是对角线的话，可以用 to top right 这样的多关键字方式来实现。如：

background: linear-gradient(to top right, #f6f5f0, #fefefd);

如果有多个颜色渐变，颜色的参数可以有多个(如图1):

background: linear-gradient(to top right, #CDDC39, #8BC34A, #FFEB3B);

可以指定颜色渐变的位置(如图2)：

background: linear-gradient(to top right, #CDDC39 0%, #8BC34A 25%, #FFEB3B 100%);