使用HR实现信纸中的粗红线和细红线

使用HR实现信纸中的粗红线和细红线

 

刚开始用size属性实现了加粗，但是就是不能变成1 px那么细。

 

外加到FF测试了一番，size还不好用。不像想象中的那么容易哦！

 

最后改成如下形式倒是实现了IE和FF近似的效果。

 

hr{

 border:none; //没它FF下还变不成1px。

 border-top:solid 1px red;

 height:0;

 color:red;

}

.hrSplid{

 border:display; 

 border-top:solid 2px red; //FF下加粗有效果。

 height:2; //这个对IE下加粗有效果。

 color:red;

}

 

 <hr class="hrSplid"/> 变成了粗的分隔线。

  <hr/>默认就是细红线了。