CSS是网页设计中非常重要的一部分，可以为网页添加各种各样的效果。其中水平线是网页排版中非常常用的元素，可以用来分割文章、内容和介绍等。下面我们来学习如何设置CSS水平线的长度。

hr {
width: 50%;
}

CSS中水平线的标签是“<hr>”，可以通过“width”属性来设置水平线的长度。具体来讲，我们可以将水平线的长度设置为百分比，这样水平线就会根据父容器的宽度来自适应调整长度。上面的CSS代码就是将水平线的长度设置为父容器宽度的50%。

hr {
width: 100px;
}

我们当然也可以将水平线的长度设置为具体的像素值，这样水平线长度就不会因为父容器宽度的调整而发生改变。上面的CSS代码就是将水平线长度固定为100px。

总之，通过设置“width”属性，我们可以很容易地调整CSS水平线的长度，使其完美地融入我们的网页设计中。希望这篇文章对大家有所帮助！