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


<div class="blockcode">

<hr style="border:1px dashed #000; height:1px">
</div>
<div class="blockcode">
<hr style="border:1px dotted #036" />
</div>
<div class="blockcode">
<hr style="border : 1px dashed blue;" />
</div>
<div class="blockcode">
<hr style="border: 1px solid #ff0000"/>
</div>
<div class="blockcode">
<hr style="border:1px dashed #0000fff"/>
</div>
<div class="blockcode">
<hr style="border:3px dotted #000 "/>
</div>
<div class="blockcode">
<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> 效果:
最后修改:2019 年 06 月 07 日 13 : 29
如果觉得我的文章对你有用,请随意赞赏