DIV 邊框重疊 像素變粗 解決辦法

http://www.ablanxue.com/shtml/201408/25700_1.shtml

 

我們在網站設計時，難免會用到表格。表格中我們需要用到邊框，border屬性，這篇文章就是講解DIV css （border屬性）邊框重疊 像素變粗 解決辦法之一

                            

                         

                  （邊框重疊）                                                                       （解決后）

 

其實很簡單：只需要設置div的margin值為邊框值的相反數就行

 

 

.div {width:100px; height:103px; border:1px solid #333; margin-right:-1px; margin-bottom:-1px;}

.float-left{float:left;}

.clear-both{clear:both;}

 

<div class="div"></div>

<div class="div float-left"></div>

<div class="div float-left"></div>

<div class="div float-left"></div>

<div class="clear-both"></div>