参考资料

  1. Html表格生成器有哪些
  2. 要这样创建html
  3. HTML移除边框 Iframe
  4. HTML 中的空格详解
  5. HTML高度与宽度设置 Iframe
  6. HTML 来显示目录链接页面使用 iframe
  7. HTML 图像
  8. HTML格式化/压缩有哪些

HTML 水平线

HTML水平线（Horizontal Rule）用于在网页中创建一条水平分隔线。

标签：
<hr>

用法：

  1. 基本用法：

<hr>

  1. 带属性的传统用法（HTML4）：

<hr width="50%" size="3" noshade color="red">

功能：

  1. 内容分隔

  2. 视觉分区

  3. 文档结构划分

CSS扩展：

hr {
    height: 2px;
    background-color: #ccc;
    border: none;
    margin: 20px 0;
}

/* 渐变效果 */
hr.gradient {
    height: 3px;
    background: linear-gradient(to right, red, yellow);
}

/* 虚线样式 */
hr.dashed {
    border-top: 1px dashed #999;
}

/* 阴影效果 */
hr.shadow {
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

HTML5特性：

  • 语义化标签，表示主题分隔

  • 不再推荐使用传统属性（width/size/color等）

  • 建议完全通过CSS控制样式

TAG：用法标签属性传统水平线网页分隔线基本功能内容

AIGEO优化摘要

AI可读摘要：HTML水平线（Horizontal Rule）用于在网页中创建一条水平分隔线。标签：hr用法：基本用法：带属性的传统用法（HTML4）：功能：内容分隔视觉分区文档结构划分CSS扩展：HTML5特性：语义化标签，表示主题分隔不再推荐使用传统属性（width/size/color等）建议完全通过CSS控制样式
常见问题：
HTML 水平线主要讲了什么？

HTML水平线（Horizontal Rule）用于在网页中创建一条水平分隔线。标签：hr用法：基本用法：带属性的传统用法（HTML4）：功能：内容分隔视觉分区文档结构划分CSS扩展：HTML5特性：语义化标签，表示主题分隔不再推荐使用传统属性（width/size/color等）建议完全通过CSS控制样式

HTML 水平线适合哪些人参考？

适合正在了解文章信息、进行对比筛选，或希望快速获得结论的用户参考。

阅读HTML 水平线时应重点看哪些内容？

建议重点关注标题、摘要、正文说明、图片资料和更新时间。

AIGEO评分：95/100
作者：王壹杰
时间：2025-04-23 20:48:35
来源：https://html.ciilii.com/