在网页设计中，经常需要使用到横线来分隔内容，比如标题和正文之间的分割线，或者是一个列表项与另一个列表项之间的分割线。

下面是一些常见的用CSS样式来添加横线的方法：

/*方法一：使用border-bottom属性*/
h1 {
border-bottom: 1px solid black;
}
/*这会在h1标签的底部添加一条1像素粗的黑色实线。*/

/*方法二：使用text-decoration属性*/
.line-text {
text-decoration: underline;
}
/*这会在具有.line-text类的文本下方添加一条下划线。*/

/*方法三：使用hr标签*/
/*在HTML中，可以使用hr标签来插入横线，使用CSS样式可以修改其样式。*/
hr {
border-top: 1px solid black;
height: 0;
}
/*这会在hr标签上方添加一条1像素粗的黑色实线。*/

以上三种方法都可以实现添加横线的效果，具体使用哪一种取决于设计需求和个人喜好。

总的来说，CSS样式可以非常方便地修改和控制横线的样式，使网页设计更加美观和实用。