分割线 hr 在各浏览器中有何差异
来源：爱站网时间：2021-05-26编辑：网友分享
分割线 hr 我们是会经常使用到的，但是在ie6 和 ie7的显示下就很无奈了，爱站技术频道小编会在下文告诉大家怎么写兼容各浏览器的 hr，现在先一起来看看分割线 hr 在各浏览器中有何差异。
首页我们先了解下 hr 在各浏览器下的差异，如下表格：
比如想创建一个实际高度为 3px，边框为 1px，边框颜色为 #07f，背景色为 #f60 的分割线：
复制代码
代码如下:hr{
height:1px;
background-color:#f60;
border:1px solid #000;
*height:3px;/* for ie6 ie7 */
color:#f60;/* for ie6 ie7 */
}
@-moz-document url-prefix(){ hr{height:3px;}} /* for firefox */
以上就是爱站技术频道小编讲述的关于分割线 hr 在各浏览器中有何差异的内容，如果还想了解更多HTML相关教程，请继续关注爱站技术频道小编。
