CSS中的横线属性可以帮助我们实现页面中很多不同的样式效果。这些效果包括常见的下划线、删除线等，也可以用来分割不同的内容块。

.text {
text-decoration: underline;
}

上述代码可以为指定的元素添加下划线效果。

.text {
text-decoration: line-through;
}

上述代码可以为指定的元素添加删除线效果。

.hr {
border-top: 1px solid #ccc;
margin: 10px 0;
}

上述代码可以为指定的元素添加一条水平的分割线。可以通过修改border-top的参数来改变分割线的颜色、宽度和样式。

除了以上这些效果之外，还可以使用text-decoration:none来取消指定元素的任何文本样式效果。

总之，CSS中的横线属性非常实用，可以让我们轻松地实现不同的样式效果，为页面中的不同内容块进行视觉上的区分。