border-style 属性的语法如下:
element {
border-style: value;
}
其中,value 可以是以下样式之一:
- none:无边框。
- hidden:与 none 相似,但在一些情况下,hidden 和 none 的处理方式略有不同。
- dotted:点状边框。
- dashed:虚线边框。
- solid:实线边框。
- double:双线边框。
- groove:3D凹槽边框。
- ridge:3D凸槽边框。
- inset:3D内凹边框。
- outset:3D外凸边框。
示例:
/* 设置所有边框的样式为实线 */
div {
border-style: solid;
}
如果你只想设置某个特定方向的边框样式,可以使用 border-top-style、border-right-style、border-bottom-style 和 border-left-style 分别设置上、右、下和左边框的样式。例如:
/* 分别设置上边框的样式为虚线,右边框的样式为实线 */
div {
border-top-style: dashed;
border-right-style: solid;
}
这两种方式都可以用来设置边框样式,具体取决于你对边框属性的控制需求。
转载请注明出处:http://www.pingtaimeng.com/article/detail/6025/CSS