设计额外的<hr />标签？

Question

我希望在我的网站上为我的侧栏添加额外的<hr>标记。

如果我已经定义了hr，我怎么能这样做？

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

我可以添加样式吗？

hr.side { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

所以html会是

<hr class="side">？

Answer 1

使用

hr.side { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

然后

<hr class="side">

在css中.引用一个类，#引用id

编辑：

如果你真的想用style=""进行内联样式，那么它会是这样的

<hr style="border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0;">

这最后一种方法并不是推荐的方法，但如果要覆盖所有css样式表，并且还覆盖HTML页面中嵌入的任何<style> </style>标记，则效果很好