该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;}