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>