lineargradient用CSS如何设置网页渐变背景?

css中颜色渐变怎么写

线性渐变 - 从上到下（默认情况下） #grad {background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */ background: linear-gradient(red, blue); /* 标准的语法 */ } 从左到右的线性渐变：e799bee5baa6e79fa5e98193e78988e69d8331333363353765 #grad { background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, red , blue); /* 标准的语法 */

用CSS如何设置网页渐变背景?

在background-image属性中使用linear-gradient（）。

background-image：?[?,??] ?=??|?none 默认值：none 适用于：所有元素 继承性：无 动画性：否 计算值：指定值 取值： none：无背景图。

：使用绝对或相对地址指或者创建渐变色来确定图像。

?=?linear-gradient([?[??|?to??]?,]??<>[,?<>]+) ?=?[left?|?right]?||??|?bottom] <>?=??[??|??]? 取值： 下述值用来表示渐变的方向，可以使用角度或者关键字来设置： ： 用角度值指定渐变的方向（或角度）。

to?left： 设置渐变为从右到左。

相当于:?270deg to?right： 设置渐变从左到右。

相当于:?90deg ： 设置渐变从下到上。

相当于:?0deg to?bottom： 设置渐变从上到下。

相当于:?180deg。

这是默认值，等同于留空不写。

<>?用于指定渐变的起止颜色： ： 指定颜色。

： 用长度值指定起止色位置。

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

说明： 用线性渐变创建图像。

如果想创建以对角线方式渐变的图像，可以使用??left?这样的多关键字方式来实现。