我想用CSS改变我的hr标签的颜色。我尝试了下面的代码似乎不工作:
hr {
color: #123455;
}
我想用CSS改变我的hr标签的颜色。我尝试了下面的代码似乎不工作:
hr {
color: #123455;
}
当前回答
我认为这是最有效的方法:
<hr style="border-top: 1px solid #ccc; background: transparent;">
或者如果你喜欢在所有的hr元素上写这个CSS:
hr {
background-color: transparent;
border-top: 1px solid #ccc;
}
其他回答
这将保持水平规则1px厚,同时改变它的颜色:
hr {
height: 0;
border: 0;
border-top: 1px solid #083972;
}
我在2015年5月的IE, Firefox和Chrome上进行测试,这在当前版本中效果最好。它将HR居中,并使其70%宽:
人力资源。光{ 宽度:70%; 保证金:0汽车; 边框:0px无白色; Border-top:1px纯浅灰色; } <hr class="light" />
border-color适用于Chrome和Safari浏览器。 background-color适用于Firefox和Opera。 颜色工作在IE7+。
有些浏览器使用color属性,有些使用background-color属性。为了安全起见:
hr {
color: #color;
background-color: #color;
}
我认为这很有用。这是一个简单的CSS选择器。
Hr {background-color:红色;身高:1 px;边界:0;} <人力资源>