### 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. 设置多个渐变色，颜色可以设置多个渐变色，具体只需添加颜色即可，不多描述