border的语法结构

border的语法结构：
border-style:设置边框的样式。
none：设置无边框。
dashed：虚线。
dotted： 点状线。
double： 双实线。
solid：实线。
groove:3D凹槽效果。
ridge：3D垄起效果。
border-style:solid; 代表四个边框的样式。
border-style:solid dashed; 第一个值：上下边框的样式。第二个值：左右边框的样式。
border-style:solid dashed dotted; 第一个值：上边框的样式。第二个值：左右边框的样式。第三个值：下边框的样式。
border-style:solid dashed dotted double; 分别代表上，右，下，左的边框样式。
border-top:20px solid oldlace; 设置上边框。
border-left:20px dashed olive; 设置左边框。
border-bottom:20px dotted olive ; 设置下边框。
border-right:20px double olive ; 设置右边框。
border常用属性：
border:20px solid red; 第一个值：边框的宽度。第二个值：边框的样式。 第三个值：边框的颜色。
border中css3：
border-radius:10px; 设置圆角：单位px像素或百分比。设置四个角的弧度。
border-radius:10px 20px; 第一个值：设置左上角和右下角。 第二个值：设置右上角和左下角。
border-radius:10px 20px 30px; 第一个值：设置左上角。 第二个值：设置右上角和左下角。 第三个值：右下角。
border-radius:10px 20px 30px 50px; 分别代表左上角，右上角，右下角，左下角。
border-bottom-left-radius: 设置左下角;
border-bottom-right-radius:设置右下角 ;
border-top-left-radius: 设置左上角;
border-top-right-radius:设置右上角 ;