Html中fieldset标签用法

最新推荐文章于 2025-06-18 09:35:12 发布

原创最新推荐文章于 2025-06-18 09:35:12 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #border

本文介绍了使用HTML和CSS创建不同样式的分组框的方法，包括凸线、凹线、嵌入、开端及实线等五种类型的分组框代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

凸线边框(宽度10,红色)
分组框　代码
<fieldset style="border:10px ridge #FF0000; padding:2px; width:500">
<legend>分组框</legend>
　</fieldset>
凹线
分组框　代码
<fieldset style="border:10px groove #FF0000; padding:2px; width:500">
<legend>分组框</legend>
　</fieldset>
嵌入
分组框　  代码
<fieldset style="border:10px inset #FF0000; padding:2px; width:500">
<legend>分组框</legend>
　</fieldset>
开端
分组框　  代码
<fieldset style="border:10px outset #FF0000; padding:2px; width:500">
<legend>分组框</legend>
　</fieldset>
实线
分组框　  代码
<fieldset style="border:10px solid #FF0000; padding:2px; width:500">
<legend>分组框</legend>
　</fieldset>