在CSS中，我们可以使用border-bottom属性来实现横线的效果。该属性可以设置元素底部边框的样式、宽度和颜色。

/* 实现一条红色实线横线 */border-bottom: 1px solid red;

我们也可以通过设置边框样式为dashed或dotted来实现虚线横线的效果。

/* 实现一条蓝色虚线横线 */border-bottom: 1px dashed blue;

如果我们想要让横线更加粗细，只需要增加其宽度即可。

/* 实现一条紫色粗线横线 */border-bottom: 3px solid purple;

如果我们想要让横线仅覆盖元素的一部分，可以通过设置padding和width属性来实现。

/* 实现一条橙色横线覆盖元素宽度一半 */padding-bottom: 10px; /* 为了让横线与内容之间有一定的间距 */width: 50%; /* 限定横线宽度 */border-bottom: 1px solid orange;

通过使用border-bottom属性，我们可以轻松实现各种不同样式的横线效果，为页面增加丰富的视觉体验。