css圆角盒子

1.1圆角边框（border-radius）

1.语法：border-radius：length；（数值越大，弧度越大）

（i）参数值可以为数值或百分

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

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

分开写应为：border-top-left-radius，border-top-right-radius,border-bottom-right-radius和border-bottom-left-radius

1.2盒子阴影（box-shadow）

语法 :box-shadow:h-shadow v-shadow blur spread color inset;

---

值	描述
h-shadow	必需，水平阴影的位置，允许负值
v-shadow	必需，垂直阴影的位置，允许负值
blur	可选，模糊距离
spread	可选，阴影尺寸
color	可选。阴影的颜色，参阅css颜色值
inset	可选，将外部阴影（outset）改成内部阴影

                注：默认（outset），不可以写这个单词否则无效

                      盒子阴影不占空间，不会影响其他盒子排列

1.3文字阴影

值	描述
h-shadow	必需，水平阴影的位置，允许负值
v-shadow	必需，垂直阴影的位置，允许负值
blur	可选，模糊距离
color
可选。阴影的颜色，参阅css颜色值