html设置虚线

masy

2016 年 10 月 12 日

1466次浏览

3 条评论

1416字数

吹毛求疵

<div class="postbody">
<div id="cnblogs_post_body">
<h4>html里添加虚线</h4>

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

</div>

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

</div>

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

</div>

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

</div>

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

</div>

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

</div>

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

</div> </div> </div> <h4>html设置虚线边框的方法</h4> <div class="dp-highlighter"><div class="bar"></div><ol start="1" class="dp-c"><li class="alt"><span><span><!DOCTYPE html> <html> </span></span></li><li class=""><span><head> <meta charset=<span class="string">"utf-8"</span><span> /> </span></span></li><li class="alt"><span><title>html边框虚线演示 www.pcss5.com</title> <style> </span></li><li class=""><span>.bor{border:1px dashed #F00;width:300px;height:60px;margin-top:10px} span{display:block}<span class="comment">/css注释说明：让span形成块/</span><span> </span></span></li><li class="alt"><span></style> </head> </span></li><li class=""><span><body> <p <span class="keyword">class</span><span>=</span><span class="string">"bor"</span><span>>p盒子</p> </span></span></li><li class="alt"><span><span <span class="keyword">class</span><span>=</span><span class="string">"bor"</span><span>>span盒子</span> <ul </span><span class="keyword">class</span><span>=</span><span class="string">"bor"</span><span>> </span></span></li><li class=""><span><li>ul li列表</li> <li>ul li列表</li> </span></li><li class="alt"><span></ul> <table <span class="keyword">class</span><span>=</span><span class="string">"bor"</span><span>> </span></span></li><li class=""><span><tr> <td>表格</td> </span></li><li class="alt"><span><td>表格2</td> </tr> </span></li><li class=""><span><tr> <td>数据</td> </span></li><li class="alt"><span><td>数据2</td> </tr> </span></li><li class=""><span></table> </body> </span></li><li class="alt"><span></html> </span></li></ol></div> 效果：

html设置虚线