css中的hr怎么用

发表于前端技术学习版块 css,教程

在CSS中，<hr> 可以被用来在一篇文章中添加水平线。这个标签不需要结束标签，所以你可以直接写成 <hr>。下面是CSS中可供使用的一些属性:

在CSS中，<hr> 可以被用来在一篇文章中添加水平线。这个标签不需要结束标签，所以你可以直接写成 <hr>。
下面是CSS中可供使用的一些属性:

height: 1px;
background-color: black;
border: none;
margin: 10px 0;

这些属性可以更方便地控制的样式，并在文档中创造出各种不同效果的水平线。
下面是一些有用的例子：
<hr style="height: 2px; color: black; background-color: black;" />
这个水平线会显示出黑色的背景，并具有2像素的高度。
<hr style="height: 1px; color: red; background-color: red; border: none; margin: 10px 0;" />
这个水平线以红色作为背景，并且不带有边框，边距上下各10像素。
<hr style="height: 10px; background-image: url(line.gif);" />
这个水平线会利用背景图片 line.gif 的样式。
总之，CSS允许我们完全地自定义的样式，使得它们可以适应于任何你想要的设计和排版方案。

文章说明:

本文原创发布于探乎站长论坛，未经许可，禁止转载。

题图来自Unsplash，基于CC0协议。

该文观点仅代表作者本人，探乎站长论坛平台仅提供信息存储空间服务。