html - 把上边框的中间拿开

Question

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

标签： htmlcss

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>