css设置虚线的方法

这篇文章将为大家详细讲解有关css设置虚线的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

css设置虚线的方法:1,创建一个& lt; div>标签,然后给div添加css样式为“边界底部:红1 px破灭;”;2,通过人力资源标签设置水平线,然后给人力资源标签添加边境属性即可实现虚线效果。

<强> css设置虚线的方法

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

<李>

我们知道在html中& lt; div>标签的边框可以设置为虚线。

所以可以先创建一个& lt; div>标签:

& lt; div 类=皒uxian"祝辞& lt;/div>

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

具体如下:

.xuxian { 　　宽度:100%; 　　高度:0; 　　边界底部:red  1 px 破灭;}/*红表示虚线的颜色为红色,1 px表示边框宽度为一个像素,虚线表示边框线型为虚线*/

效果图:

<李>

在HTML中人力资源标签同样可以设置水平线,我们可以通过给人力资源标签设置css样式实现虚线效果。

css代码:

人力资源{边界:blue  1 px 冲}

效果图:

完整代码如:

& lt; ! DOCTYPE  html> 　　& lt; html  lang=癳n"祝辞 　　& lt; head> 　　,,,& lt; meta  charset=癠TF-8"比; 　　,,,& lt; title> css设置虚线& lt;/title> 　　& lt; style> 　　,,,.xuxian { 　　,,,,,,,宽度:100%; 　　,,,,,,,身高:,60 px; 　　,,,,,,,边界底部:,red  1 px 破灭;} 　　,,,/*红表示虚线的颜色为红色,1 px表示边框宽度为一个像素,虚线表示边框线型为虚线*/,人力资源{边界:blue  1 px 冲} 　　& lt;/style> 　　 　　& lt;/head> 　　 　　& lt; body> 　　& lt; div 类=皒uxian"祝辞& lt;/div> 　　& lt; hr> 　　& lt;/body> 　　 　　& lt;/html>

关于“css设置虚线的方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

css设置虚线的方法