如何在HTML中画一条线

在HTML中，要画一条线可以使用<hr>标签，也可以用CSS样式制作一条线。

使用

---

标签画一条线

<hr>标签是HTML5提供的标签，用于表示一条分割线。它默认会在页面中绘制一条水平线。

<hr>

效果如下：

如果要设置<hr>标签的样式，可以使用CSS。

使用CSS制作一条线

要使用CSS制作一条线，可以使用border属性。

<div class="line"></div>

.line {
  height: 1px;
  background-color: black;
  border: none;
}

效果如下：

以上代码中，我们创建了一个<div>元素，并设置了高度为1像素，背景颜色为黑色，边框为无。这样就得到了一条黑色的水平线。

也可以通过border-top属性来制作一条线。

<div class="line2"></div>

.line2 {
  height: 0;
  border-top: 1px solid black;
}

效果如下：

以上代码中，我们创建了一个<div>元素，并设置了高度为0，然后用border-top属性设置了一条黑色的实线。

以上就是在HTML中画一条线的方法。