[CSS]border边框

border: 1px solid #ccc;    /*1像素 实线 灰色*/
可分割成:
border-1px;
border-style: solid; 
border-color: #000;
-----------------------------------------------------------------------------------------------------------------
四个边框

border-left             设置左边框,一般单独设置左边框样式使用
border-right           设置右边框,一般单独设置右边框样式使用
border-top             设置上边框,一般单独设置上边框样式使用
border-bottom       设置下边框,一般单独设置下边框样式使用,有时可将下边框样式作为css下划线效果应用。

-----------------------------------------------------------------------------------------------------------------
border-style
none          无边框。与任何指定的border-width值无关
hidden       隐藏边框。IE不支持
dotted        在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线(常用)
dashed      在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线(常用)
solid           实线边框(常用)
double       双线边框。两条单线与其间隔的和等于指定的border-width值
groove       根据border-color的值画3D凹槽
ridge          根据border-color的值画菱形边框
inset          根据border-color的值画3D凹边
outset        根据border-color的值画3D凸边
-----------------------------------------------------------------------------------------------------------------
box-shadow
取值:<length> <length> <length>? <length>? || <color>
阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜
-----------------------------------------------------------------------------------------------------------------

border-radius
取值:<length>由浮点数字和单位标识符组成的长度值。不可为负值。
----------------------------------------------------------------------------------------------------------------- 

原文地址:https://www.cnblogs.com/cloudshadow/p/3625331.html