border-style 属性

此属性规定要显示的边框类型：

点状边框。

虚线边框。

实线边框。

双线边框。

凹槽边框。

垄状边框。

3D inset 边框。

3D outset 边框。

无边框。

混合边框。

p.one { border-style: solid; border-width: 5px 20px; /* 上、下边框 5 像素，左、右边框 20 像素 */ } p.two { border-style: solid; border-width: 20px 5px; /* 上、下边框 20 像素，左、右边框 5 像素 */ } p.three { border-style: solid; border-width: 25px 10px 4px 35px; /* 上 25 像素、右 10 像素、下 4 像素、左 35 像素 */ } 各边 p { border-top-style: dotted; border-right-style: solid; border-bottom-style: dotted; border-left-style: solid; } 简写 p { border: 5px solid red; } border-left: 6px solid red; 圆角 border-radius: 5px; border 简写属性，在一条声明中设置所有边框属性。 border-color 简写属性，设置四条边框的颜色。 border-radius 简写属性，可设置圆角的所有四个 border-*-radius 属性。 border-style 简写属性，设置四条边框的样式。 border-width 简写属性，设置四条边框的宽度。 border-bottom 简写属性，在一条声明中设置所有下边框属性。 border-bottom-color 设置下边框的颜色。 border-bottom-style 设置下边框的样式。 border-bottom-width 设置下边框的宽度。 border-left 简写属性，在一条声明中设置所有左边框属性。 border-left-color 设置左边框的颜色。 border-left-style 设置左边框的样式。 border-left-width 设置左边框的宽度。 border-right 简写属性，在一条声明中设置所有右边框属性。 border-right-color 设置右边框的颜色。 border-right-style 设置右边框的样式。 border-right-width 设置右边框的宽度。 border-top 简写属性，在一条声明中设置所有上边框属性。 border-top-color 设置上边框的颜色。 border-top-style 设置上边框的样式。 border-top-width 设置上边框的宽度。