html水平分割线如何设置

html水平分割线如何设置？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

成都创新互联公司成立于2013年，我们提供高端成都网站建设公司、网站制作、成都网站设计、网站定制、成都全网营销、微信小程序、微信公众号开发、成都网站营销服务，提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地，为成都塔吊租赁企业提供源源不断的流量和订单咨询。

在html中有一个

---

标签，

---

标签可以非常轻松地久设置一条水平线。

我们先来简单看一下

---

标签的定义

---

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

在 HTML 中，

---

标签是一个单标签，没有结束标签。

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

---

标签设置水平线的特点是100%宽度水平分割线，并且独占一行，

---

标签设置的水平线将与上下内容有一定距离。

---

是块级元素，所以

---

独占于一行并且可以设置宽高。

下面我们就来看看

---

标签设置水平分割线的实例代码

    
        
        
    
    
        

           桃之夭夭，灼灼其华。之子于归，宜其室家。
           

           桃之夭夭，有蕡其实。之子于归，宜其家室。
           

           桃之夭夭，其叶蓁蓁。之子于归，宜其家人。
           

        
 
    

---

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

说明：

---

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

感谢各位的阅读！看完上述内容，你们对html水平分割线如何设置大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注创新互联行业资讯频道。

网页题目：html水平分割线如何设置
网页链接：http://bjjierui.cn/article/gidpgj.html