更改hr元素的颜色

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

hr {
    color: #123455;
}

当前回答

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

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

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

其他回答

你可以这样做:

人力资源{ 边框:1px纯红色; ｝ <人力资源/ > 这是个测试 <人力资源/ >

border-color适用于Chrome和Safari浏览器。 background-color适用于Firefox和Opera。颜色工作在IE7+。

我在2015年5月的IE, Firefox和Chrome上进行测试，这在当前版本中效果最好。它将HR居中，并使其70%宽:

人力资源。光{ 宽度:70%; 保证金:0汽车; 边框:0px无白色; Border-top:1px纯浅灰色; ｝ <hr class="light" />

hr {
    height: 1px;
    color: #123455;
    background-color: #123455;
    border: none;
}

这样做可以让你在需要的时候改变高度。祝你好运。来源:如何用CSS样式HR

hr {
  background-color: #123455;
}

背景是你应该尝试改变的。

你也可以使用边界的颜色。我不确定;我认为这存在跨浏览器的问题。您应该在不同的浏览器中测试它。

推荐文章