html分割线

作者：冷血杀手发布日期:2026-07-29 浏览:60

<!-- HTML 分割线示例 -->

<!-- 使用 <hr> 标签创建一个简单的水平分割线 -->
<hr>

<!-- 你可以通过 CSS 来自定义分割线的样式 -->
<style>
    hr.styled {
        border: none; /* 去除默认边框 */
        height: 2px; /* 设置分割线高度 */
        background-color: #333; /* 设置分割线颜色 */
        margin: 20px 0; /* 设置上下外边距 */
    }
</style>

<!-- 自定义样式的分割线 -->
<hr class="styled">

解释说明：

<hr> 标签：这是 HTML 中用于创建水平分割线的标签。它会在页面上显示一条横线，用于分隔不同的内容区域。
自定义样式：通过 CSS 可以修改 <hr> 的外观。在上面的例子中，我们使用了 border: none 去除默认的边框样式，设置了 height 和 background-color 来改变分割线的高度和颜色，并通过 margin 调整了分割线与上下内容的距离。

如果你需要更复杂的样式或动画效果，可以通过进一步的 CSS 或 JavaScript 实现。

上一篇：html标签大全