更改hr元素的颜色

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

hr {
    color: #123455;
}

当前回答

你可以像这样添加引导bg类

<hr class="bg-light" />

其他回答

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

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

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

<hr color="red" />

在Firefox, Opera, Internet Explorer, Chrome和Safari中测试。

hr {
    border-top: 1px solid red;
}

看小提琴。

我认为这是最有效的方法:

<hr style="border-top: 1px solid #ccc; background: transparent;">

或者如果你喜欢在所有的hr元素上写这个CSS:

hr {
  background-color: transparent;
  border-top: 1px solid #ccc;
}

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

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

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

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

推荐文章