CSS笔记：CSS3盒子（圆角、阴影）

1、圆角

　　border-radius属性设置元素的外边框圆角。

语法：border-radius:length;

• 参数值可以是数值或者百分比的形式
• 如果是正方形，想要设置一个圆，把数值修改高度或者宽度的一半即可，或者直接写为50%；
• 如果是矩形，可以设置高度的一半即可；
• 这个属性可以跟四个指，分别是：左上角，右上角，右下角，左下角。
• 分开写：border-top-left-radius, boder-top-right-radius, boder-bottom-right-radius, boder-bootom-left-radius

2、盒子阴影

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

h-shadow:必需。水平阴影的位置。允许负值

v-shadow:必需。垂直阴影的位置。允许负值

blur:可选。模糊距离

spread:可选。阴影的尺寸

color:可选。阴影的颜色

inset:可选。将外部阴影（outset）改成内部阴影。

3、文字阴影

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

h-shadow:必需。水平阴影的位置。允许负值

v-shadow:必需。垂直阴影的位置。允许负值

blur:可选。模糊距离

color:可选。阴影的颜色