~53轮廓阴影和圆角

一、轮廓

outline用来设置元素的轮廓线，用法和border相同（不会影响可见框的大小）

---

二、阴影

box-shadow用来设置阴影的效果，阴影不会影响页面布局

有三个值：第一个值，水平偏移量，正值向右，负值向左

                  第二个值，垂直偏移量，正值向下，负值向上

                  第三个值，阴影的模糊半径

                  第四个值，阴影的颜色

---

三、圆角

border-radius用来设置圆角

规则：四个值，左上、右上、右下、左下

           三个值，左上、右上/左下、右下

           两个值，左上/右下、右上/左下

           一个值，全部应用

border-xxx-xxx-radius单独设置一个方向的圆角

border-radius:20px / 30px;横向半径20，纵向半径30

border-radius:50%;将元素设置成一个圆形

---