css - 如何对 div 进行 CSS 样式设置，使其看起来像带有标签的 GUI 控制框？

Question

我真的很想制作一个带有用户输入框和各种其他元素的 PHP 页面，看起来就像你在老式 GUI 上看到的控制框，这些控制框的边框以框标签开头和结尾。

看这里：

如何用 css 做到这一点？

Answer 1

不要使用 div。HTML 具有<fieldset>并且<legend>是为此用例设计的，默认情况下会像这样呈现。

<fieldset>
  <legend>Motor 1 Log</legend>
  <label>Movements <input></label>
  <label>Over-Currents <input></label>
  <label>Amphous <input></label>
</fieldset>