html - 如何制作这样的边框

Question

我需要制作一个边框 用 html 和 css。我尝试用显示表来实现，隐藏了可见性，但没有任何效果!

<div id="border">
  <div id="visible">
    <p id="yellow">Просто выберите, что Вам нужно</p>
  </div>
</div> 

#yellow { color: #dbff12; }
#border { border: 30px solid black; visibility: hidden; }
#visible { position: relative; bottom: 50px; visibility: visible; }

更新:我的意思是我需要像图片一样在黄色文本周围留出两个空心的地方

Answer 1

在这种情况下，使用带有相关legend 的fieldset 元素会很方便:

fieldset {
  border: 4px green solid;
}

fieldset legend {
  padding: 0 10px;
}

<fieldset>
  <legend>Просто выберите, что вам нужно</legend>
  <div>
    Оформить тендер и т.п.
  </div>
</fieldset>