在网页设计中，线条的运用可以起到很好的美化作用。而在HTML中，我们可以通过简单的代码设置等距线条，让网页更加美观。
下面，我们就来介绍一下HTML等距横线的设置方法。
1.使用hr标签
在HTML中，可以使用hr标签来插入横线。hr标签是一个自闭合标签，不需要闭合。使用方法如下：
< hr>
这样就可以在网页中插入一条默认样式的横线。但是默认样式并不一定适合所有网页，因此我们可以通过CSS来设置横线的样式。
2.使用CSS样式设置横线
通过CSS样式可以设置横线的颜色、宽度、样式等属性。下面是一个例子：
< hr style=”border-top: 1px solid #ccc;
在这个例子中，我们设置了横线的样式为实线，颜色为灰色，宽度为1像素。
除了实线，CSS还支持虚线、点线等不同的线条样式。下面是一个例子：
< hr style=”border-top: 2px dashed red;
在这个例子中，我们设置了横线的样式为红色虚线，宽度为2像素。
3.设置等距线条
除了设置横线的样式，我们还可以通过CSS设置等距线条。等距线条是指在网页中设置等距离的竖线，可以起到分隔内容的作用。
下面是一个例子：
argin-left: 50%; < /div>
argin-left为50%，可以让竖线居中显示。
通过以上的介绍，我们可以看出，在HTML中设置等距线条并不难。只需要简单的代码和CSS样式，就可以让网页更加美观。希望这篇文章能够帮助到你。