html – 样式水平规则

概述是否有一种更好的造型方式< hr />使用CSS标记,这是跨浏览器一致的,并不涉及包围它周围的div？我很难找到一个. 我找到的最好方法如下： CSS .hr { height:20px; background: #fff url(nice-image.gif) no-repeat scroll center; } hr { display:none; 是否有一种更好的造型方式< hr />使用CSS标记,这是跨浏览器一致的,并不涉及包围它周围的div？我很难找到一个.

我找到的最好方法如下：

CSS

.hr {      height:20px;      background: #fff url(nice-image.gif) no-repeat scroll center;  }  hr {      display:none;  }

HTML

<div ><hr /></div>

解决方法 这样做的经典方法是在< hr>周围创建一个包装器.和造型.但我已经提出了一个CSS技巧,用于替换元素而不需要额外的标记：

对于非MSIE浏览器：

hr {   border : 0;   height : 15px;   background : url(hr.gif) 0 0 no-repeat;   margin : 1em 0; }

另外对于MSIE：

hr {   display : List-item;   List-style : url(hr.gif) insIDe;   filter : Alpha(opacity=0);   wIDth : 0;}

有关详细信息,请参阅entry on my blog以及 *** 作技巧的示例.

总结

以上是内存溢出为你收集整理的html – 样式水平规则全部内容，希望文章能够帮你解决html – 样式水平规则所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。