css中<hr>有什么效果

html-css018

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

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

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

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

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

<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会显示不出来。