然后将该边框的高度设置为0,将上边"/>

css中如何设置虚线?

在我们的日常开发工作中,Web页面开发都是避免不了的,那么在Web网页开发中,很多时候都能遇到虚线样式的设置,那么我们今天就给大家介绍一下关于虚线样式设置的方法。

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

我们知道在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中如何设置虚线?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读