圆角边框、盒子阴影、文字阴影

border-radius：length；
参数值可以为数值或百分比的形式

☆如果是正方形设置为一个圆，把数值修改为高度或者宽度的一半即可，或者直接写50%

☆如果是矩形，设置为高度的一半即为圆角矩形

该属性是一个简写属性，可以跟四个值，分别代表左上角、右上角、右下角、左下角（顺时针）

分开写：border-top-left-radius…

box-shadow：h-shadow v-shadow blur spread color inset；
h-shadow（必需。水平阴影的位置，允许负值）
v-shadow（必需。垂直阴影的位置，允许负值）
blur（可选。虚还是实）
spread（可选。阴影的大小）
color（可选。阴影的颜色）一般用rgba（0,0，0，.3）
inset（可选。将外部阴影（outset）改为内部阴影）
ps：默认的是外阴影，但是不能写否则会失效）
盒子阴影不占用空间，不会影响其他盒子排列

鼠标经过有阴影（div：hover）

text-shadow：h-shadow v-shadow blur color;