html - 如何很好地隐藏 CSS 边界线的一部分

Question

我正在为 iPhone 开发一个网络应用程序，我遇到了一些边框问题。为了简化事情，我有一个 body 的背景图像，一个带有圆 Angular 的盒子，里面有一些元素和一个标题，这就是问题开始的地方，因为我希望我的标题位于我的盒子的顶部边框上，而后面没有边界线.

这是截图: 我看不到任何正确渲染它的解决方案，你们中的一些人有任何猜测吗？不胜感激

Answer 1

据我所知，您应该使用 fieldset 元素(因为您正在将表单元素“组合”在一起)，它看起来也很方便:

<fieldset>
    <legend>Promoter</legend>
    <select>
        <option>Choose a promoter</option>
    </select>
</fieldset>

样式很简单。使用 CSS 对齐 legend 文本并设置 fieldset 边框的样式:

fieldset {
    border: 1px solid black;
    border-radius: 5px;
}
legend {
    text-align: center;
}

有关实际示例，请参阅 this jsFiddle demo .