为特定用途创建单独的行

Question

我想创建单独的行，并且使用HR标记

来完成

问题在于我希望它适用于特定的行而不适用于所有行， 我怎么能这样做？

hr {
    border: #333333;
    height: 2px;
    background-color: lightgray;
}

Answer 1

您可以为要更改的特定人员提供一些ID。 例如：

  <style>
    #name{

    width:100px

    }
  </style>


    <hr id="name">

Answer 2

这就是你想要的：

HTML：

<div>abc</div>
<hr class="red" />
<div>def</div>
<hr />
<div>ghi</div>

CSS：

.red{
    border:1px solid red;
}
hr{
    border:1px solid black;
}

Fiddle Demo