如何设置 hr 标签的样式

Question

我想设置一个 <hr /> 标签的样式，但似乎无法在网上找到任何有效的答案。

如果可能的话，我想更改颜色和厚度？我可以很容易地更改它的长度，但到目前为止似乎只能这样。

或者我可以使用 hr 标签的替代方法吗？

谁能帮帮我？

Answer 1

你可以这样做：

CSS

hr{
   border: none;
   height: 10px;
   background: #ccc;
}

DEMO HERE

Answer 2

可以通过属性改变颜色

<hr color="red" size="10px">

在此处测试： https://jsfiddle.net/8wevdosq/

Answer 3

hr 是边框，所以您只需在 CSS:

中设置边框样式

hr {
    border-color: blue;
    border-width: 10px;
}

DEMO

Answer 4

如果您设置了 class 样式，那么您需要写“.”在那里，如果您设置了 id 样式，那么您必须在此处键入“#”，但如果您设置了标签样式，则只需输入标签名称喜欢...

hr{
     height:2px;
     background:yellow;
     border:0;
 }

运行片段代码更多...

<html>
  <head>
    <title>Designing HR - Horizontal Row </title>
    <style>
      hr{
        height:2px;
        background:yellow;
        border:0;
      }
    </style>
  </head>
  <body>
    <hr/>
  </body>
</html>

如何设置 hr 标签的样式

How to style up a hr tag

html

css

styling