为什么不<hr />的颜色变化?

时间:2010-09-21 21:19:08

标签: html css

我有以下内容......

 <hr style="color:#292929;background-color:#292929;"/>

但颜色没有改变为我声明的HTML颜色代码。为什么不呢?

7 个答案:

答案 0 :(得分:28)

设置border-color

答案 1 :(得分:4)

hr标签与其他风格元素相比有点棘手。哪些工作有效,哪些工作不依赖于浏览器。

此处提供了一些技巧缓存(包括着色): http://webdesign.about.com/od/beginningcss/a/style_hr_tag.htm

答案 2 :(得分:3)

  1. 尝试给它一个像5px的高度;
  2. 为它添加边框样式,但宽度为0px。
  3. 将1px宽度重新应用于顶部或底部:
  4. 结果:

    <hr style="height: 5px; border: 0px solid #D6D6D6; border-top-width: 1px;" />
    

答案 3 :(得分:2)

代替:color:#292929;

使用:border-color:#292929;

答案 4 :(得分:1)

尝试设置边框样式

答案 5 :(得分:0)

尝试定义高度

答案 6 :(得分:0)

saivo,祝福你,谢谢你。经过一个小时+弄乱问题后,这就成了伎俩。 对于其他人,我发现在Outlook(邪恶的)和其他网络客户端(包括旧的IE)中都使用了这个类似的外观。

<hr size="2" width="80%" align="center" style="border-color:#878787; background:#878787">

将尺寸设置为1会使某些地方的颜色太厚,而其他地方的背景颜色则太薄。这就是我最终的结果。希望它可以帮助别人。

相关问题