CSS 边界
这 CSS 边框 属性允许您指定元素边框的样式、宽度和颜色。
我四面都有边界。
我有一个红色的底边框。
我有圆形边框。
CSS 边框样式
这 border-style
属性指定显示哪种边框。
允许使用以下值:
dotted
- 定义虚线边框dashed
- 定义虚线边框solid
- 定义实线边框double
- 定义双边框groove
- 定义 3D 凹槽边框。效果取决于边框颜色值ridge
- 定义 3D 脊状边框。效果取决于边框颜色值inset
- 定义 3D 插入边框。效果取决于边框颜色值outset
- 定义 3D 起始边框。效果取决于边框颜色值none
- 无边界定义hidden
- 定义隐藏边框
这 border-style
属性可以有一到四个值(分别表示上边框、右边框、下边框和左边框)。
例子
不同边框样式的演示:
p.dotted {边框样式:dotted;}
p.dashed {边框样式:虚线;}
p.solid {边框样式:solid;}
p.double {边框样式:double;}
p.groove {边框样式:groove;}
p.ridge {边框样式:ridge;}
p.插入 {边框样式:插入;}
p.outset {border-style:outset;}
p.none {边框样式:无;}
p.hidden {边框样式:隐藏;}
p.mix {边框样式:虚线实线双线;}
结果:
虚线边框。
虚线边框。
實心邊界。
双重边框。
凹槽边框。效果取决于边框颜色值。
脊状边框。效果取决于边框颜色值。
内嵌边框。效果取决于边框颜色值。
外边框。效果取决于边框颜色值。
无边界。
混合边界。
笔记: 任何其他 CSS 边框属性(您将在下一章中详细了解)都不会产生任何效果,除非border-style
屬性已設定!