html水平分割线怎么设置？html水平分割线的代码示例讲解

在html中有一个 hr 标签， hr 标签可以非常轻松地久设置一条水平线。

我们先来简单看一下 hr 标签的定义

hr 标签在 HTML 页面中创建一条水平线；水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

在 HTML 中， hr 标签是一个单标签，没有结束标签。

接着我们就来详细讲解一下html中的 br 标签如何设置水平分割线

hr 标签设置水平线的特点是100%宽度水平分割线，并且独占一行， hr 标签设置的水平线将与上下内容有一定距离。

hr 是块级元素，所以 hr 独占于一行并且可以设置宽高。

下面我们就来看看 hr 标签设置水平分割线的实例代码

 html  head  meta charset= UTF-8  title /title  /head  body  桃之夭夭，灼灼其华。之子于归，宜其室家。 hr width= 300 align= left  桃之夭夭，有蕡其实。之子于归，宜其家室。 hr width= 300 align= left  桃之夭夭，其叶蓁蓁。之子于归，宜其家人。 hr width= 300 align= left  /body  /html 

hr 标签设置水平分割线效果如下：

说明： hr 标签和 br 标签一样也会强制执行一个简单的换行，段落对齐会重新回到左对齐。

本篇文章到这里就全部结束了，关于 hr 标签的更多详细内容大家可以参考php 的html在线手册进一步了解。

以上就是html水平分割线怎么设置？html水平分割线的代码示例讲解的详细内容，html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。