更改hr元素的颜色

我想用CSS改变我的hr标签的颜色。我尝试了下面的代码似乎不工作:

hr {
    color: #123455;
}

当前回答

有些浏览器使用color属性，有些使用background-color属性。为了安全起见:

hr {
  color: #color;
  background-color: #color;
}

其他回答

我认为这很有用。这是一个简单的CSS选择器。

Hr {background-color:红色;身高:1 px;边界:0;｝ <人力资源>

在阅读了这里所有的答案，并看到了所描述的复杂性之后，我开始了一个关于人力资源实验的小转移。并且，结论是你可以扔掉你写的大部分monkeypatched CSS，阅读这篇小入门，只使用这两行纯CSS:

hr {
  border-style: solid;
  border-color: cornflowerblue; /* or whatever */
}

这就是你为人事简历设计风格所需要的全部内容。

适用于跨浏览器、跨设备、跨操作系统、跨英语频道、跨年龄。没有“我认为这可以工作……”，“你需要记住Safari/IE……”等等。没有额外的CSS -没有高度，宽度，背景颜色，颜色等涉及。

只有防弹的彩色hr。就是这么简单。

奖励:给HR一些高度H，只要设置边界宽度为H/2。

有些浏览器使用color属性，有些使用background-color属性。为了安全起见:

hr {
  color: #color;
  background-color: #color;
}

如果你使用CSS类，那么它将被所有的'hr'标签，但如果你想要一个特定的'hr'使用下面的代码，即内联CSS

<hr style="color:#99CC99" />

如果它不工作在chrome尝试以下代码:

<hr color="red" />

使用字体颜色修改水平规则使它们更加灵活和易于使用。

color属性在默认情况下是不继承的，因此需要将以下属性添加到hr's中以允许颜色继承:

/*允许hr继承颜色*/ Hr{边框:1px solid;} /*可重复使用的颜色修饰符*/ .fc_-alpha{颜色:深红色;} 正常的人力资源: <人力资源> Hr与<span class="fc_-alpha">颜色修饰符</span>: <人力资源类= " fc_-alpha " >

推荐文章