圆角、盒子阴影

border-radius属性：

• border-radius属性的值通常为px单位，表示圆角的半径
• 例如：border-radius:10px;

想要变成正圆形就是将其属性值变成宽度的一半

---

单独设置四个圆角：

• border-radius属性可以单独设置四个圆角
• border-radius:10px 20px 30px 40px;左上 右上 右下 左下
• 也可以使用小属性

属性	意义
border-top-left-radius	左上角
border-top-right-radius	右上角
border-bottom-left-radius	左下角
border-bottom-right-radius	右下角

---

百分比为单位：

• border-radius属性值可以用百分比做单位，表示圆角起始于哪条边的哪里
• 正方形50%——正圆形
• 长方形50%——椭圆形

---

盒子阴影：

box-shadow属性

内阴影：inset

• box-shadow属性值前加inset单词，表示内阴影

多阴影

• box-shadow属性值可以用逗号隔开多个阴影