HR 样式高度

HR（Horizontal Rule）是 HTML 中用来表示水平分割线的标记。 在网页排版中，经常需要在不同的章节、段落之间插入一些分割线来提高页面的美观性和可读性，使用 HR 标记来实现这一目的非常方便。

HR 标记可以在 HTML 中直接使用，也可以通过 CSS 样式来美化，实现不同颜色、高度、宽度等样式特征。

HTML 中使用 HR 标记

在 HTML 中，通过 <hr> 标记来插入一条水平分割线。默认情况下，分割线的样式是简单的一条直线，长度为页面的宽度，高度为默认浏览器设置下的 2px。

<p>这是一段文本</p>
<hr>
<p>这是另一段文本</p>

以上代码会在两段文本之间插入一条分割线，效果如下：

修改 HR 样式

通过 CSS 样式，我们可以修改 HR 标记的样式，实现更加美观的效果。

修改 HR 的颜色

使用 CSS 的 border-color 属性可以修改 HR 标记的颜色。例如：

hr {
    border-color: red;
}

以上代码会将 HR 标记的分割线颜色修改为红色。

修改 HR 的高度和宽度

使用 CSS 的 height 和 width 属性可以修改 HR 标记的高度和宽度。例如：

hr {
    height: 5px;
    width: 50%;
}

以上代码会将 HR 的高度设为 5px，宽度设为页面宽度的一半。

修改 HR 的样式

使用 CSS 的 border-style 属性可以修改 HR 标记的样式。常用的样式有 solid（实线）、 dotted（点线）、dashed（虚线）等。例如：

hr {
    border-style: dashed;
}

以上代码会将 HR 的样式修改为虚线。

总结

HR 样式的修改是很方便的，通过 CSS 可以实现各种样式特征。在实际开发中，我们可以运用 HR 的特性，为网页添加良好的排版效果。