linear-gradient只能background不能background-color

阅读数:3 评论数:0

跳转到新版页面

分类

html/css/js

正文

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%”