CSS 边框

CSS 边框属性允许您指定样式、 元素边框的宽度和颜色。

CSS 边框样式

border-style：该属性指定要显示的边框类型。

允许使用以下值：

• dotted- 定义虚线边框
• dashed- 定义虚线边框
• solid- 定义实心边框
• double- 定义双边框
• groove- 定义 3D 凹槽边框。效果取决于边框颜色值
• ridge- 定义 3D 脊状边框。效果取决于边框颜色值
• inset- 定义 3D 插图边框。效果取决于边框颜色值
• outset- 定义 3D 出线边框。效果取决于边框颜色值
• none- 定义无边框
• hidden- 定义隐藏边框

border-style：该属性可以有 1 到 4 个值 （对于 上边框、右边框、下边框和左边框）。

不同边框样式的演示：

p.dotted {border-style: dotted;}  
p.dashed {border-style: dashed;}  
p.solid {border-style: solid;}  
p.double {border-style: double;}  
p.groove {border-style: groove;}  
p.ridge {border-style: ridge;}  
p.inset {border-style: inset;}  
p.outset {border-style: outset;}  
p.none {border-style: none;}  
p.hidden {border-style: hidden;}  
p.mix {border-style: dotted dashed solid double;}

尝试一下 »

结果：

注意：除非设置了border-style属性，否则其他 CSS 边框属性（您将在下一章中了解更多）都不会产生任何影响！