去掉顶部边框的中间部分

Question

我试图去掉边框顶部条纹的中间部分，但不是整个顶部，我该怎么做呢？我正在做Html。我试了很多，但没有成功，我希望有人能帮助我。

Answer 1

如果我没理解错你的问题，像这样的基本东西会隐藏上边框的中间：

​

.box {
  position: relative;
  height: 100px;
  width: 300px;
  border: 10px solid #000;
}

.box .mask {
  border-top: 10px solid #fff;
  width: 100px;  
  position: absolute;
  top: -10px;
  left: 100px;  
}

<div class="box">
  <div class="mask"></div>
</div>

​