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

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

这是一个屏幕截图:

我看不到任何正确渲染它的解决方案，你们中的一些人有什么猜测吗？
将不胜感激

最佳答案

据我所知，您似乎应该使用 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 。

关于html - 如何很好地隐藏 CSS 边界的一部分，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6357718/