更改hr元素的颜色

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

hr {
    color: #123455;
}

当前回答

你可以给<hr noshade>标签，然后到你的css文件中添加:

人力资源{ border-top: 0; 颜色:# 123455; ｝ <hr noshade /> 这是个测试 <hr noshade />

其他回答

hr {
  background-color: #123455;
}

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

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

一般来说，你不能像设置其他颜色一样，用CSS设置水平线的颜色。首先，Internet Explorer需要CSS中的颜色读起来像这样:

“颜色:# 123455”

但是Opera和Mozilla需要你的CSS中的颜色读起来像这样:

background - color: # 123455”

因此，您需要将这两个选项添加到您的CSS中。

接下来，你需要给水平线一些尺寸，否则它将默认为浏览器设置的标准高度、宽度和颜色。下面是一个示例代码，说明了你的CSS应该是什么样的，才能得到蓝色的水平线。

hr {
border: 0;
width: 100%;
color: #123455;
background-color: #123455;
height: 5px;
}

或者当你插入一条水平线时，你可以直接在你的HTML页面中添加样式，就像这样:

<hr style="background:#123455" />

希望这能有所帮助。

你可以给<hr noshade>标签，然后到你的css文件中添加:

人力资源{ border-top: 0; 颜色:# 123455; ｝ <hr noshade /> 这是个测试 <hr noshade />

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

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

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

<hr color="red" />

你可以这样做:

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

推荐文章