css如何添加水平线

横线是许多网站和应用程序的常见设计元素。CSS 水平线元素是一种在网页和应用程序中添加横线的简单方法，它可以用于分隔内容或作为美化的元素。

要使用 CSS 水平线，您需要使用hr> 元素。这是一个自闭合标签，不需要结束标签。

hr>
    

要自定义水平线样式，可以使用 CSS 属性控制元素的样式。您可以使用以下属性：

• height- 指定水平线的高度，例如：height: 3px;
• background-color- 指定水平线的颜色，例如：background-color: #000000;
• border- 用于定义水平线的边框，例如：border: none;
• margin- 用于定位水平线，例如：margin-top: 20px;

示例代码如下：

style>
hr {
    height: 3px;
    background-color: #000000;
    border: none;
    margin-top: 20px;
}
    /style>
    hr>
    

运行代码后，您将看到一条黑色的水平线，高度为 3 像素，与上面内容的间距为 20 像素。

现在，您已经掌握了使用 CSS 水平线元素的方法，并了解如何自定义水平线的样式。开始实践，让您的网页或应用程序更加美观！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！