html中hr的各种样式使用

HTML的hr标签可以创建一条水平线。下面，我们来看看html中hr的各种样式使用吧。

操作方法

创建一条水平线

先使用<hr/>标签来创建一条水平线，如下图所示：

hr的高度

使用style来设置hr水平线的样式，比如设置hr的高度， <hr style=" height:30px" />。如下图所示：

没有边框

使用border:none;来设置hr没有边框，如下图所示：

dotted 虚线

使用dotted将水平线设置成虚线，如下图所示：

html中如何设置hr水平线的颜色

一、HTML 基本元素

在HTML 页面中创建一条水平线。可以在视觉上将文档分隔成各个部分。

属性：

1. align ： 水平对齐方式， 默认居中

2. width ： 水平线的长度， 可取像素（ px ） 和百分比（ % ）

3. size ： 水平线的高度

4. color ： 颜色

例——使水平线在页面中间显示， 它的宽度为页面的 60% <hr align="center" width="60%" />