html - 将字段集中的图例移动到表单下方

<分区>

在经典形式中，我们在顶部边框的同一行上有图例标记，如下所示。

enter image description here

代码是:

...
<fieldset>
    <legend>Connexion</legend>
    ...
</fieldset>

是否可以像下面所示的那样在公式中将这个图例移到较低的位置？

enter image description here

知道什么是 CSS 吗？

谢谢。

更新

下面是应用以下 CSS 后的结果:

fieldset { 
    position:relative;   
}    

legend { 
    top:20px; 
    position:absolute; 
    font-size:20px; 
    font-weight:bold    
}

enter image description here

如何在图例“Connexion”之后添加更多空间？

最佳答案

您当然可以使用 CSS 做到这一点。如果不使用绝对定位，您最终会在字段集边框中出现很大的差距。

fieldset {
    position:relative;  
}   

legend {
    top:50px;
    position:absolute;
    font-size:20px;
    font-weight:bold   
}

关于html - 将字段集中的图例移动到表单下方，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9536686/

相关文章：

javascript - 单击jquery函数添加和删除div标签