hr标记代码应用:兼容浏览器的hr代码
发布时间:2019-04-13浏览次数:1009
<p>
</p>
<table style="BORDER-RIGHT: #cccccc 1px dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" cellspacing="0" cellpadding="6" width="95%" align="center" border="0"><tbody><tr>
<td style="WORD-WRAP: break-word" bgcolor="#fdfddf">
<font color="#ff0000">网页制作Webjx文章简介:</font><font color="#000000">兼容浏览器的hr样式代码.</font>
</td>
</tr></tbody></table>
<p>现代浏览器及ie8:</p>
<pre>hr {</pre>
<pre> border : 0;</pre>
<pre> height : 15px;</pre>
<pre> background : url(hr.gif) 50% 0 no-repeat;</pre>
<pre> margin : 1em 0; } </pre>
<p>针对ie8以下:</p>
<pre>hr {</pre>
<pre> display : list-item;</pre>
<pre> list-style : url(hr.gif) inside;</pre>
<pre> filter : alpha(opacity=0);</pre>
<pre> width : 0; } </pre>
<p>详细参考:<a target="_blank" href="http://borgar.net/s/2007/01/style-hr-elements/"><font color="#29b4f0">http://borgar.net/s/2007/01/style-hr-elements/</font></a></p>