HTML CSS border 边框属性用来设置元素边框的样式、宽度和颜色。
border-style 的属性设置显示的边框类型。有以下值:
dotted – 定义点线边框
dashed – 定义虚线边框
solid – 定义实线边框
double – 定义双边框
groove – 定义 3D 坡口边框。效果取决于 border-color 值
ridge – 定义 3D 脊线边框。效果取决于 border-color 值
inset – 定义 3D inset 边框。效果取决于 border-color 值
outset – 定义 3D outset 边框。效果取决于 border-color 值
none – 定义无边框
hidden – 定义隐藏边框
border-style 属性可以设置一到四个值(用于上边框、右边框、下边框和左边框)。
代码如下:
<style>
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;}
</style>
演示如下:
此属性规定要显示的边框类型:
点状边框。
虚线边框。
实线边框。
双线边框。
凹槽边框。
垄状边框。
3D inset 边框。
3D outset 边框。
无边框。
隐藏边框。
混合边框。
如果你发现错误或有其他见解,请给www.zhuei.com留言,我们会尽快更新本文!