设计额外的<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样式表,并且还覆盖<style> </style> HTML页面中嵌入的任何标记,则效果很好