应用边框与拳击大小相结合

Question

是否可以减少边框顶部宽度？我使用拳击大小，所以盒子是对齐的。我希望这样：

但是当我在div上应用border-top时，te div之间仍然有一个空格，但是边框不是顶部。

对此有何解决方法？

Answer 1

根据你的图像看我做了这个例子。

.main-container{
width:998px;
  height:auto;

}

.box{
width:200px;
  height:200px;
  border-top:2px solid #b40505;
  float:left;
  background:#fefbdf;
  margin:5px;
}

<div class="main-container">
<div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>

</div>

Answer 2

Border没有给出关于填充的F *，在你的colums中你必须创建一个你放入内容的新div。

看看我的bootply，你就会理解！

BOOTPLY BOXES