圆角边框
border-radius:数值；（用数值表示弧度，数值越大，弧度越大）
- border-radius:10px;四个角都是10px的弧度
- border-radius:10px 20px; 左上&右下=10px，右上&左下=20px 对角关系，从左上开始顺时针
- border-radius:10px 20px 30px; 左上=10px，右上&左下=20px，右下=30px
- border-radius:10px 20px 30px 40px;左上=10px，右上=20px，右下=30px，左下=40px
为了更直观的展现差别，可以看下面图片的例子：
设置圆形盒子需要满足两个条件：
- 宽高一致
- border-radius的数值（半径）为宽度的一半或者用50%表示
盒子阴影
box-shadow:inset/outset x-offset y-offset blur-radius color;
- inset/outset：阴影类型，inset为阴影在盒内，outset为阴影在盒外，默认为outset（需要设置盒外时，不写即可，写了outset无效）
- x-offset：x轴位移，数值为正数时向右→移动，值为负数时向左←移动
- y-offset: y轴位移，数值为正数时向下↓移动，值为负数时向上↑移动
- blur-radius: 数值越大，越模糊
- color: 阴影的颜色
下面是box-shadow: inset 20px 30px 10px pink;的实例：
