边框样式



border-width:所有边框宽度

border-left-width:左边框宽度(可以单独设置上下左右四个边框的宽度)

border-style:solid(实线) dotted(点划线)

border-bottom-style:下边框样式(可以单独设置上下左右四个边框的样式)

border-color:所有边框颜色

border-top-color:上边框颜色(可以单独设置上下左右四个边框的颜色)

border-left:3px;solid;#060(可以一次性设置左边框的样式)
border:3px;solid;#060(可以一次性设置所有边框的样式)

border设置值:

none 定义无边框

hidden 与none相同，不过用于表时除外，对于表，hidden用于解决边框冲突

dotted 定义点状边框。在大多数浏览器中显示为实线

dashed 定义虚线。在大多数浏览器中显示为实线

solid 定义实线

double 定义双线。双线的宽度等于border-width的值

groove 定义3D凹槽边框。其效果取决于border-color的值

ridge 定义3D垄状边框。其效果取决于border-color的值

inset 定义3D inset边框。其效果取决于border-color的值

outset 定义3D outset边框。其效果取决于border-color的值

inherit 规定应该从父元素继承边框样式

border:solid 1px #fff;
border-bottom:solid 1px #fff;

border-bottom-width:1px;
border-bottom-color:#fff;

CSS可以对所有元素指定边框，例如<a></a> <p></p> <div></div> <span></span> <b></b> <h1></h1>等等都可以设置边框