能否修改<legend>标签的颜色？能否修改其生成线条的颜色？

当然可以！这两个需求都能通过CSS轻松实现，我来给你一步步说明：

这个超简单，直接给<legend>元素设置color属性就行，想换什么颜色都可以——十六进制、RGB、甚至颜色名都能搞定。示例代码：

legend {
  color: #ff4500; /* 比如这个是橙红色，换成你需要的颜色值就行 */
}

只要把颜色值改成你想要的，文字颜色立刻就变啦。

这里得先给你科普下：默认情况下，<legend>旁边的那条线条其实是<fieldset>元素的边框，不是<legend>本身生成的。所以要改线条颜色，核心是调整<fieldset>的边框样式，同时可以给<legend>加个背景色（和页面背景一致），避免边框穿过文字的尴尬视觉效果。

给你个实用的示例代码：

fieldset {
  border: 2px solid #2ecc71; /* solid是线条样式，后面的颜色就是你要的线条颜色 */
  border-radius: 4px; /* 可选，给边框加个圆角更美观 */
}

legend {
  background-color: #ffffff; /* 和你的页面背景色保持一致 */
  padding: 0 8px; /* 给文字左右加些间距，避免线条贴得太近 */
}

要是你想让线条颜色和<legend>文字颜色统一，只要把fieldset的border-color和legend的color设成同一个值就ok了。

内容的提问来源于stack exchange，提问作者Dr. Devil