首页 > 代码库 > 【CSS技巧】关于<hr>的属性设置

【CSS技巧】关于<hr>的属性设置

<hr>的颜色设置

<hr style="border:0;background-color:#ff0000;height:1px;">

如果不加border:0;的话,虽然颜色改变了,但是会显示一条黑色的边框。如果不加height:1px;的话,在chrome会显示不出来。
也可以用下面的代码实现:

<hr style="border-color:#ff0000;border:0;border-top:1px;">

<hr>对齐

<hr>在chrome中默认是左对齐。在IE中默认是居中对齐,要想左对齐得用text-align:left。

【CSS技巧】关于<hr>的属性设置