总结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.ridge {border-style: ridge;}
p.inset {border-style: inset;}
好看的css代码
p.outset {border-style: outset;}
< {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
结果:

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。