一、線性漸變：linear-gradient

語法：

        <linear-gradient> = linear-gradient([ [ <angle> | to <side-or-corner] ,]? <color-start>[, <color-end>]+)
        <side-or-corner> = [left | right] || [top | bottom]
        <color-start|end> = <color>[ <length>|<percentage>]?

下述值用來表示漸變的方向，可以使用角度或者關鍵字來設置：

    <angle>：用角度值指定漸變的方向（或角度）。

        to left：設置漸變為從右到左。相當于: 270deg

        to right：設置漸變從左到右。相當于: 90deg

        to top：設置漸變從下到上。相當于: 0deg

        to bottom：設置漸變從上到下。相當于: 180deg。這是默認值，等同于留空不寫。

    <color-start|end> 用于指定漸變的起止顏色：

       <color>：指定顏色。

       <length>：用長度值指定起止色位置。不允許負值

       <percentage>：用百分比指定起止色位置。

示例：

二、徑向漸變：radial-gradient

語法：

     <position> = [ <length>① | <percentage>① | left | center① | right ]? [ <length>② | <percentage>② | top | center② | bottom ]?
     <shape> = circle | ellipse
     <size> = <extent-keyword>|[<circle-size>||<ellipse-size>]
     <extent-keyword> = closest-side | closest-corner | farthest-side | farthest-corner
     <circle-size> = <length>
     <ellipse-size> = [ <length>| <percentage> ]{2}