Question

我有一个包围我的<footer>标记的div。在div中是一个<hr>，它需要在div中才能应用定位属性。但是，它还会在我的页脚中继续显示链接的颜色。我不希望<hr>与链接颜色相同。有没有办法逃避＆＃34;这或改变财产。

我尝试了<hr style="color: black;">，但这并没有改变任何事情。如果你有任何关于如何更改属性的输入，尽管在div中设置了CSS，我将非常感激。

HTML

<div id="footer_style">  
<hr>    
<footer>
  <a href="">Contact</a>
  <a href="">Privacy Policy</a>
  <a href="">Create Account</a>
</footer>  
</div>

CSS

#footer_style {
  margin: 0 auto;
  position: fixed;
  bottom:0;
  width: 100%;
  padding: 20px;
}

#footer_style a {
  color: #f2f0e1;
}

#footer_style a:hover {
  color: black;
}

Answer 1

hr标签只需在其上应用border-top

覆盖hr，如下所示

#footer_style hr {
  border-top: 1px solid black;
}

Answer 2

#footer_style hr {
   background-color: black;
   height:1px;
}

<强> JSFiddle

Answer 3

哇，它让我苦苦挣扎了一分钟。显然，因为 hr 没有高度，你看不到它的内部“填充”，影响颜色什么也没做。

你实际看到的是边框，所以使用border-color为我做了。

Answer 4

请尝试以下代码我已尝试此代码。使用此代码可以解决您的问题。

  border-color: red;

Answer 5

取而代之的是使用颜色：黑色;

尝试以这种方式使用

border: 1px solid #000;
border-width: 1px 0px 0px 0px;

Try it

当它被包裹在div中时，取消将<hr />取消

5 个答案: