将分隔线添加到字段集中

Question

有没有办法在字段集中添加分隔线？类似于

---

，但我希望线条在整个字段集中充满并且还能够更改颜色。

这是一个示例，可以帮助形象化我想要做什么...红线是添加的线。

Answer 1

是的，您可以像这样使用 CSS：

fieldset {
 border-bottom: 3px solid #FF0000;
 margin-bottom: 20px;
}

您只需将 CSS 规则添加到字段集元素，然后添加具有粗细和颜色的边框，然后添加边距以将下一个字段集或元素向下移动一点。您可能需要添加填充以使红线离最后一个元素稍远一些。