HTML代码教程
【HTML教程】HTML的hr标签|html入门知识
时间: 2025-02-08 11:22:47 浏览次数:16
常用的html标签汇总、以及操作过程中的一些bug问题解决方法,以下龙腾飞网络科技-小吴在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料,不用死记硬背,保存使用非常方便,实操过程中遇到了就查询搜索一下,实践出真章,做多了自然就熟悉了:【定义和用法】hr 标签定义 HTML 页面中的主题分隔(例如,话题

常用的html标签汇总、以及操作过程中的一些bug问题解决方法,以下龙腾飞网络科技-小吴在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料,不用死记硬背,保存使用非常方便,实操过程中遇到了就查询搜索一下,实践出真章,做多了自然就熟悉了:


【定义和用法】

hr 标签定义 HTML 页面中的主题分隔(例如,话题的转变)。

hr 元素通常显示为水平线,用于在 HTML 页面中分隔内容,或定义内容上的变化。


【实例】

例子 1

使用 hr 标签来定义内容中的主题变化:

<h1>龙腾飞网络科技</h1>

<p>龙腾飞网络科技致力于建立企业发展无缝对接的服务体系!</p>
<hr>
<p>主要为企业进行企业管理系统,OA企业办公系统,app开发,企业ERP管理系统,CRM客户管理系统工业互联网app,
工业企业APP开发搭建</p>
<hr>
<p>请拨13383607325,开发企业用得上的平台,搭建企业节省成本的系统。</p>


例子 2

对齐 hr 元素(使用 CSS):

<hr style="width:50%;text-align:left;margin-left:0">


例子 3

没有阴影的 hr (使用 CSS):

<hr style="height:2px;border-width:0;color:gray;background-color:gray">


例子 4

设置 hr 元素的高度(使用 CSS):

<hr style="height:30px">


例子 5

设置 hr 元素的宽度(使用 CSS):

<hr style="width:50%">


【默认的 CSS 设置】

大多数浏览器将使用以下默认值显示 hr 元素:

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;}


友情链接: 知识付费 | EDU指南导航 | 小程序开发 | 上网行为管理 | 小程序开发公司 | 企业财务服务 | 职校招生网 |
Copyright©2011 Guangzhou Longtengfei Network Technology Co., Ltd. 广州龙腾飞网络科技有限公司 粤ICP备18029205号 XML地图 | 系统开发专题地图