使用标签可创建内容分隔线，结合 css 能自定义样式如宽、高、颜色及边框，实现居中、渐变、阴影等视觉效果，并可通过 page-break-after 等 css 属性 控制打印时的分页行为。
在 html 中插入分页符或分隔线，常用的方法是使用 <hr> 标签。它表示内容主题的分隔，浏览器 默认会将其渲染为一条水平线。通过结合 CSS，可以灵活控制其样式、颜色、粗细和位置，满足不同页面布局需求。
使用 HTML hr 标签创建分隔线
<hr> 是一个自闭合标签，直接插入到需要分隔的位置即可：
<p> 第一部分内容 </p>
<hr>
<p> 第二部分内容 </p>
用 CSS 美化 hr 分隔线样式
默认的 hr 看起来比较单调，通过 CSS 可以完全自定义其外观。常见的样式调整包括宽度、高度、颜色、边框、阴影等。
立即学习 “ 前端免费学习笔记（深入）”；
示例：设置一条居中、宽 60%、高 2px、灰色实线：
<hr style=”width: 60%; height: 2px; background-color: #ccc; border: none; margin: 20px auto;”>
- width：控制线条宽度，支持百分比或具体像素
- height：设置线条厚度（需配合背景色，不能仅靠 border）
- background-color：填充颜色
- border: none：清除默认边框影响
- margin：用于居中或调整上下间距
实现更丰富的分隔线效果
例如，创建一条带阴影的渐变线条：
<hr style=”height: 4px; background: linear-gradient(to right, #f0f0f0, #aaa, #f0f0f0); border: none; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);”>
或者使用虚线、点线风格：
<hr style=”border-top: 2px dashed #999; border-bottom: none; height: 0;”>
打印时控制分页符行为
如果网页用于打印，有时希望在特定位置强制分页。虽然 hr 不是分页符，但可通过 CSS 实现打印分页：
<div style=”page-break-after: always;”></div>
这会在打印时在此处插入分页符。类似的还有 page-break-before 和 page-break-inside，适用于报表或文档类页面。
基本上就这些。用 <hr> 加上适当的 CSS，既能实现视觉分隔，也能满足打印分页需求，简单又实用。
