我有这段代码
<hr style="margin-top: 5px; color: #ada95b; width: 500px;"/>
然而，这仅适用于Firefox，而不适用于我的Chrome和IE版本。什么方式最适合他们，他们将在所有浏览器中工作？
答案 0 :(得分：9)
最好的方法是删除边框并将颜色添加到背景中..即
<hr style="margin-top: 5px; height: 2px; border: none; background: #ada95b; width: 500px;"/>
答案 1 :(得分：2)
关于color，浏览器对其进行区别对待，您还应设置background-color。
这是一篇相当古老的文章，但可能仍有帮助。
http://www.sovavsiti.cz/css/hr.html
你也可以在这里得到一些想法：
http://webdesign.about.com/od/beginningcss/a/style_hr_tag.htm
答案 2 :(得分：1)
由于我使用不同的浏览器（IE6 - 8，FF4 Chrome 10+）测试了您的代码，因此工作正常。虽然问题看起来彼此不同。您可以通过添加
来解决此问题<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
。但是，正如我测试的IE6和IE7没有给出与其他浏览器相同的结果，除非将其颜色改为background-color，如同其他帖子所建议的那样。查看有关DOCTYPE。
第二个解决方案是您需要检查使用的浏览器是什么，然后应用该浏览器的样式。
答案 3 :(得分：1)
为了获得一致的显示效果，您可以使用没有高度且顶部或底部边框的DIV。
<div style="margin: 5px 0; border-top: 1px solid #ada95b; width: 500px;"></div>