阅读数:100 评论数:0

background 可以设置 背景颜色、背景图片、定位等；
而background-color 只能设置 背景颜色 。

linear-gradient这个属性只能通过background属性设置

一、linear-gradient

1、一般渐变

（1）未设置角度，则默认为180deg (从上到下)

（2）设置了角度，则0deg为坚直向上，然后顺时针旋转。

2、语法

linear-gradient(
    [ <angle> | to <side-or-corner> ,]? <color-stop> [, <color-stop>]+)
    \---------------------------------/ \----------------------------/
     Definition of the gradient line    List of color stops  

    where <side-or-corner> = [left | right] || [top | bottom]
     and <color-stop>   = <color> [ <percentage> | <length>]?

（1）可以用left、right、top、bottom组合方位，“to bottom”就是默认值，“to top right”就是从左下往右上拉出对角线的渐变线。

（2）颜色至少有两个，就是起始色和结束色。

（3）颜色可以n多个，用逗号隔开，可以设置透明色。

（4）一个颜色可以设置对应的位置，比如“red 50%”