css中<hr>有什么效果

html-css031

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

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

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

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

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

1，<br>可插入一个简单的换行符。

<br>标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。

请注意，<br>标签只是简单地开始新的一行，而当浏览器遇到 <p>标签时，通常会在相邻的段落之间插入一些垂直的间距。

如下这个示例：

<html>

<body>

<p>

测试<br />测试文字<br />这是第三行了

</p>

</body>

</html>

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

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

如下这个示例：

<html>

<body>

<p>hr 标签定义水平线：</p>

<hr />

<p>这是段落。</p>

<hr />

<p>这是段落。</p>

<hr />

<p>这是段落。</p>

</body>

</html>

对于CSS定义水平线标签，常用的有以下几种样式，仅供参考。对于 程序代码height:1pxborder:none的主要用途就是Css Reset，关于Css Reset可以搜索下博客里其他文章介绍。