解决方法
之前的答案是不正确的,如果你想看看为什么试试这个：
<body style="background-color: #f00">
<div style="border: 1px solid #000">
<h1 style="background: #fff; margin-top: -5px; margin-left: 10px; padding: 0 10px; width: 150px;">Foobar</h1>
</div>
<fieldset><legend>Foobar</legend></fieldset>
</body>
AFAIK没有办法让图例元素在fieldset的边框上产生边界中断效果.我不相信单独使用CSS是可能的,它只是字段集标记呈现方式的一部分.
澄清：我不知道如何定位块或内联元素使其跨越其包含块元素的可见边界,然后导致容器元素的边框在其框后面被破坏.这就是< legend>对包含< fieldset>的边框进行处理元件.
