css中<hr>有什么效果

html-css06

css中<hr>有什么效果,第1张

<hr>标签在 HTML 页面中创建一条水平线。

水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

至于CSS,如果不针对HR标签书写CSS样式,那就只是一条黑色水平线。

CSS可以定义更漂亮的分割线。例如颜色描边背景边距等。

<div style='height:1pxbackground-color:#3399FFline-height:1pxclear:bothdisplay:blockoverflow:hidden'> </div>

hr在ie和ff下表现形式可能有所出入, 可以用 div来代替

-----------------------------------

用hr的话, 只能是 <hr size=1 style='color:#3399FF' />

-----------------------------------

<style>

hr{color:#3399FFheight:1pxborder:0pxborder-top:1px solid

#3399FFmargin:0pxpadding:0pxoverflow:hidden}

</style>

<hr size=1 />

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

<hr style="text-align:left">或 <hr align="left">

<hr>的颜色设置

<hr style="border:0background-color:#ff0000height:1px">

如果不加border:0的话,虽然颜色改变了,但是会显示一条黑色的边框。如果不加height:1px的话,在chrome会显示不出来。