您现在的位置是：网站首页> 编程资料编程资料
关于hr标记在各浏览器中的问题说明_HTML/Xhtml_网页制作_
2023-11-12
288人已围观
简介 没到阿里之前，有一同学告诉我，很多人不是死在技术手上，而是死在HR手。
一般我们很少见HR，但一见可能就定生死。HTML中也一样，我们不常见
，但一见通常就决定了能否拥用完美分割线。这里，就不附图了，直接列表供查阅吧：
hr{
height:1px;
*height:3px; color:#f60;/* for ie6 ie7 */;
background-color:#f60;
border:1px solid #07f;
}
@-moz-document url-prefix(){ hr{height:3px;}} /* for firefox */
还有其他更省力的解决方法么?
，但一见通常就决定了能否拥用完美分割线。这里，就不附图了，直接列表供查阅吧：
| 正常浏览器 | IE6、7 | Firefox | |
|---|---|---|---|
| 实际高度 | height + border-right-width + border-left-width | height | height |
| 背景色 | background-color | background+color(当高度<2px时，显示高度为灰色投影，需要color来设置颜色，相同于文字) | background-color |
比如想创建一个实际高度为3px, 四边为1px, 边框颜色为#07f, 其他部分颜色为#f60的分割线，你懂的：
复制代码
代码如下:hr{
height:1px;
*height:3px; color:#f60;/* for ie6 ie7 */;
background-color:#f60;
border:1px solid #07f;
}
@-moz-document url-prefix(){ hr{height:3px;}} /* for firefox */
还有其他更省力的解决方法么?
相关内容
- 这样去写你的 HTML 让你的代码更好的兼容性_HTML/Xhtml_网页制作_
- 标签 li 是不是块级元素分析_HTML/Xhtml_网页制作_
- HTML table表格边框的控制详细说明_HTML/Xhtml_网页制作_
- DOCTYPE元素详解 完整版_HTML/Xhtml_网页制作_
- meta viewport使网页在iPhone中满屏显示控制_HTML/Xhtml_网页制作_
- 设置frameset的高度 界面变形的解决方法_HTML/Xhtml_网页制作_
- 全民炫舞怎么提高歌曲得分 全民炫舞最新高分攻略推荐_手机游戏_游戏攻略_
- 迷你西游红孩儿属性技能缘搭配效果一览_手机游戏_游戏攻略_
- 天天酷跑家和宝宝好不好？天天酷跑家和宝宝多少钱？_手机游戏_游戏攻略_
- 天天炫斗布雷泽技能满级属性和升级费用一览_手机游戏_游戏攻略_
