使用CSS更改hr标签的厚度

html-css08

使用CSS更改hr标签的厚度,第1张

如何使用CSS更改hr标签的厚度?下面本篇文章就来给大家介绍一下使用CSS更改hr标签的厚度的方法,希望对大家有所帮助。

HTML <hr>标签在 HTML 页面中创建一条水平线;水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

<hr>标签的厚度可以使用CSS中的height属性设置;最小高度可以是1px,因为可用的最小单位是1像素。也可以使用CSS属性来设置<hr>标签的样式以使hr标签在外观上更加美观。

示例1:使用CSS height属性来设置<hr>标签的厚度

效果图:

示例2:使用CSS属性来设置<hr>标签的样式

效果图:

本文参考地址: https://www.html.cn/qa/css3/10312.html

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>