拓展（圆角边框、盒子阴影）

一、圆角边框（CSS3）

1、语法

border-radius: length;

2、其中一个值可以为数值或百分比的形式

3、技巧：让一个正方形变成圆圈

border-radius: 50%;

3、矩形的圆角，就不要用百分比了，因为百分比会是表示高度和宽度的一半

4、我们这里矩形只用用高度的一半就好了，要用精确单位。

二、盒子阴影（CSS3）

1、语法

box-shadow:水平阴影 垂直阴影 模糊距离（虚实） 阴影尺寸（影子大小） 阴影颜色 内/外阴影;

2、

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

 

 

 

 

 

 

 

 

 

 

 

前两个属性是必须写的，其余的可以省略·。