使用CSS更改hr标签的厚度

如何使用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

<hr> 标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。

<hr> 元素被用来分隔 HTML 页面中的内容（或者定义一个变化）。

在 HTML5 中，<hr> 定义内容中的主题变化，并显示为一条水平线。

在 HTML 4.01 中，<hr> 标签仅仅显示为一条水平线。

在 HTML 4.01 中，所有的布局属性都 已废弃。在 HTML5 中不再支持这些属性。请使用 CSS 来为 <hr> 元素定义样式

简单的说就是一条分割线，或者称为水平线。

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

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

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

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

---