我想用CSS改变我的hr标签的颜色。我尝试了下面的代码似乎不工作:
hr {
color: #123455;
}
我想用CSS改变我的hr标签的颜色。我尝试了下面的代码似乎不工作:
hr {
color: #123455;
}
当前回答
你可以像这样添加引导bg类
<hr class="bg-light" />
其他回答
因为我没有声誉来评论,我将在这里给出一些想法。
如果你想要一个可变高度的CSS,去掉所有的边框,并给出一个背景色。
hr{
height:2px;
border:0px;
background:green;
margin:0px;/*sometimes useful*/
}
/*Doesn't work in ie7 and below and in Quirks Mode*/
if you want simply a style that you know that will work (example: to replace a border in a ::before element for most email clients or hr{ height:0px; border:0px; border-top:2px solid blue; margin:0px;/*useful sometimes*/ } In both ways, if you set a width, it will always have it's size. No need to set display:block; for this. To be totally safe, you can mix both, 'cause some browsers can get confused with height:0px;: hr{ height:1px; border:0px; background:blue; border-top:1px solid blue; margin:0px;/*useful sometimes*/ } With this method you can be sure that it will have at least 2px in height. It's a line more, but safety is safety. This is the method you should use to be compatible with almost everything. Remember: Gmail only detects inline css and some email clients may not support backgrounds or borders. If one fails, you will still have a 1px line. Better than nothing. In the worst cases, you can try to add color:blue;. In the worst of the worst cases, you can try to use a <font color="blue"></font> tag and put your precious <hr/> tag inside it. It will inherit the <font></font> tag color. With this method, you WILL want to do like this: <hr width="50" align="left"/>. Example: <span> awhieugfrafgtgtfhjjygfjyjg <font color="#42B3E5"><hr width="50" align="left"/></font> </span> <!--Doesn't work in ie7 and below and in Quirks Mode--> Here is a link for you to check: http://jsfiddle.net/sna2D/
有些浏览器使用color属性,有些使用background-color属性。为了安全起见:
hr {
color: #color;
background-color: #color;
}
我两边都打了个赌:
hr {
border-top: 1px solid purple;
border-color: purple;
background-color: purple;
color: purple;
}
你应该设置border-width为0;它在火狐和Chrome浏览器上运行良好。
人力资源{ 明确:; 颜色:红色; 背景颜色:红色; 身高:1 px; 边框宽度:0; } <人力资源/ > 这是一个测试 <人力资源/ >
如果你使用CSS类,那么它将被所有的'hr'标签,但如果你想要一个特定的'hr'使用下面的代码,即内联CSS
<hr style="color:#99CC99" />
如果它不工作在chrome尝试以下代码:
<hr color="red" />