### css圓角 1. 圓角有4個值，一般情況下，設置一個值表示4個角都是一樣的圓角。。 2. 如果4個都有值，則表示從上左角開始 ~~~ html: <div class="demo"></div> css .demo { width: 150px; height: 80px; border: 2px solid #f36; background: #ccc; border-radius: 10px 15px 20px 30px; } ~~~ 效果：  **** ### 漸變 1.簡單的使用:顏色從上到下漸變 ~~~ html: <div class="demo"></div> css: .demo { width: 100px; height: 50px; background: linear-gradient(to bottom , #ccc , #000) } ~~~ 效果：  2. 設置顏色漸變的角度 ~~~ .demo { background: linear-gradient(0deg, #ccc, #000) } ~~~ 表示從下到上，角度沿著順時針轉動。。 比如： ~~~ .demo { background: linear-gradient( 90deg, #ccc, #000) } /*相當于*/ .demo { background: linear-gradient ( to bottom right, #ccc, #000) } ~~~ 3. 設置多個漸變色，顏色可以設置多個漸變色，具體只需添加顏色即可，不多描述