hr标签妙用

最新推荐文章于 2025-02-26 10:40:06 发布

原创最新推荐文章于 2025-02-26 10:40:06 发布 · 3.2k 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#hr

收录于

WEB前端专栏收录该内容

34 篇文章

订阅专栏

本文介绍了一个使用HTML中的hr标签来创建水平线的例子。通过设置不同的属性如大小、颜色、宽度等，可以改变水平线的样式。示例展示了如何在网页中使用这些属性以增强页面布局。

hr标签可以在页面中产生一条水平线，将文本区域内容分开，以增加网页的层次感。

hr标签可以通过size , color , width , noshade , align 等属性分别对横线的高度、颜色、宽度、阴影、对齐方式进行设置。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>文本修饰标签</title>
</head>
<body>
    <h3>网页设计师岗位简介</h3>
    <hr size="3" noshade="noshade" color="blue" width="400px" align="right">
    <p>56fv46d4644v6ds4v64v46ds4v65f46v46fd4v64fd64v6f4v65gf46b65fg4b654gf654b65fg4b64
        <br>4654fd64vs646v4f64v6ds4fv654f6d4v6fd
    </p>
    <p>56fv46d4644v6ds4v64v46ds4v65f46v46fd4v64fd64v6f4v654gf6b546g4fb654fg654b6gf44bg
        <br>4654fd64vs646v4f64v6ds4fv654f6d4v6fd
    </p>

</body>
</html>