css - 如何将 CSS 样式设置为 div 使其看起来像带有标签的 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>