html - 结合装箱大小应用边框

Question

是否可以减小边框顶部的宽度？我使用的是装箱尺寸，所以盒子是对齐的。我想要这样:

但是当我将 border-top 应用到 div 时，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>