html设置虚线

<hr style="border:1px dashed #000; height:1px">

<hr style="border:1px dotted #036" />

<hr style="border : 1px dashed blue;" />

<hr style="border: 1px solid #ff0000"/>

<hr style="border:1px dashed #0000fff"/>

<hr style="border:3px dotted #000 "/>

<hr style="border:2px double #e8e8e8"/>

<!DOCTYPE html> <html>
<head> <meta charset="utf-8" />
<title>html边框虚线演示 www.pcss5.com</title> <style>
.bor{border:1px dashed #F00;width:300px;height:60px;margin-top:10px} span{display:block}/*css注释说明：让span形成块*/
</style> </head>
<body> <p class="bor">p盒子</p>
<span class="bor">span盒子</span> <ul class="bor">
<li>ul li列表</li> <li>ul li列表</li>
</ul> <table class="bor">
<tr> <td>表格</td>
<td>表格2</td> </tr>
<tr> <td>数据</td>
<td>数据2</td> </tr>
</table> </body>
</html>

效果：

最后修改：2019 年 06 月 07 日 13 : 29

如果觉得我的文章对你有用，请随意赞赏

评论 *

私密评论

名称 *

邮箱 *

地址