css如何设置虚线样式？

border-top属性用于设置上边框，border-bottom属性用于设置下边框；设置这两个属性的值为dashed，就可实现虚线边框。

例：

先创建一个<div>标签：

<div id="xuxian"></div>

然后将该边框的高度设置为0，将上边框或者下边框其中一个设置为一个像素的虚线。具体如下：

#xuxian{
width:100%;
height:0;
border-bottom:#000000 1px dashed; /*#000000表示白色，边框宽度为一个像素，边框线型为虚线*/
}

效果图：

虚线样式的用处有很多，例可以设置一个虚线样式的水平线：

hr{border:1px dashed}

效果图：

推荐学习：CSS视频教程（公益免费）

以上就是css如何设置虚线样式？的详细内容，更多请关注0133技术站其它相关文章！