边框属性#

1border: border-width border-style border-color; 
2
3border-width 边框粗细 
4border-style 边框形状  
5border-color 边框颜色
6
7border-top 上边框
8border-bottom 下边框
9border-left 左边框  
10border-right 右边框

1border-collapse: collapse;
2
3它控制相邻单元格的边框,表示相邻边框合并在一起

1border-radius: num px;
2
31个值：应用于4个角
42个值：第一个值 应用于左上、右下 （对角）
5			第二个值 应用于右上、左下
63个值：第一个值 应用于 左上
7			第二个值 应用于 右上、左下
8			第三个值 应用于 右下
94个值：左上 右上 右下 左下
10
11border-top-left-radius: num px;
12border-top-right-radius: num px;
13border-bottom-right-radius: num px;
14border-bottom-left-radius: num px;
15
16圆角属性特殊值
17	圆形 盒子宽高相同,border-radius:50%;
18	椭圆形 盒子宽高不同,border-radius:50%;
19	胶囊型 盒子宽高不同,border-radius:宽度或高度的一半;

1box-shadow: h-shadow v-shadow blur spread color inset;
2
3h-shadow：必需。水平偏移量。允许负值。负值向左
4v-shadow：必需。垂直偏移量。允许负值。负值向上
5	水平垂直偏移量设置为0px,就相当于在正上方向下照射,四周都会有阴影
6blur：可选。模糊度,外延值
7spread：可选。阴影扩大。
8color：可选。阴影颜色。
9inset：可选。将外部阴影（outset）改为内部阴影。

1text-shadow: h-shadow v-shadow blur color;
2
3h-shadow	必需。水平偏移量。允许负值。
4v-shadow	必需。垂直偏移量。允许负值。
5blur	可选。模糊度。
6color	可选。阴影颜色。
7
8注意：
9	阴影可以叠加设置,每组阴影取值之间以逗号隔开。