css中如何设置虚线？

通过设置虚线边框来设置虚线：

我们知道在html中<div>标签的边框可以设置为虚线。所以可以先创建一个<div>标签：

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

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

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

效果图：

在HTML中hr标签同样可以设置水平线，我们可以通过给hr标签设置css样式实现虚线效果。

css代码：

hr{border:1px dashed}

效果图：

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