在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> <p > 桃之夭夭，灼灼其华。之子于归，宜其室家。 <hr wIDth="300" align="left"> 桃之夭夭，有蕡其实。之子于归，宜其家室。 <hr wIDth="300" align="left"> 桃之夭夭，其叶蓁蓁。之子于归，宜其家人。 <hr wIDth="300" align="left"> </p> </body></HTML>
<hr>标签设置水平分割线效果如下：
@H_403_27@
说明：<hr>标签和<br>标签一样也会强制执行一个简单的换行，段落对齐会重新回到左对齐。
本篇文章到这里就全部结束了，关于<hr>标签的更多详细内容大家可以参考内存溢出网的html在线手册进一步了解。 总结
以上是内存溢出为你收集整理的html水平分割线怎么设置？html水平分割线的代码示例讲解全部内容，希望文章能够帮你解决html水平分割线怎么设置？html水平分割线的代码示例讲解所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）