css如何设置边框样式？
导读：一：border边框线的基本样式 边框样式属性指定要显示什么样的边界 1.border-style属性 none:默认无边框 dotted:定义一个点线边框 dashed:定义一个虚线边框 solid:定义实线边框...
一：border边框线的基本样式
边框样式属性指定要显示什么样的边界
1.border-style属性
none:默认无边框
dotted:定义一个点线边框
dashed:定义一个虚线边框
solid:定义实线边框
double:定义两个边框。两个边框的宽度和border-width的值相同
groove:定义3D沟槽边框。效果取决于边框的颜色值
ridge:定义3D脊边框。效果取决于边框的颜色值
inset:定义一个3D的嵌入边框。效果取决于边框的颜色值
outset:定义一个3D突出边框。效果取决于边框的颜色值
border-style属性
.demo{
width:500px;
height:500px;
margin:50pxauto;
}
p.none{
border-style:none;
}
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.hidden{
border-style:hidden;
}
无边框。
虚线边框。
虚线边框。
实线边框。
双边框。
凹槽边框。
垄状边框。
嵌入边框。
外凸边框。
隐藏边框。
本文转载自中文网
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： css如何设置边框样式？
本文地址： https://pptw.com/jishu/664522.html