在网站设计中，横线的使用能够让页面更加美观。在 CSS 中，使用border-bottom属性可以很方便地实现横线的效果。

例子：
h1 {
border-bottom: 1px solid black;
}

上述代码将在所有的 h1 元素下方添加一条一像素宽、黑色的实线横线。你也可以根据需要改变横线的宽度、颜色和线型：

例子：
h2 {
border-bottom: 2px dotted #ccc;
}

这个例子将在所有的 H2 元素下面添加一条两像素宽、虚线样式的、颜色为 #ccc 的横线。

更多的 CSS 属性可以让你创建出更有趣和多样化的横线效果。例如，你可以使用box-shadow属性在文字下创建一个漂亮的阴影，从而创造出横线的效果。另外，text-decoration属性的underline值也能实现下划线的效果，但这并不被推荐，因为它仅适用于文本的下划线，不能在其他元素上使用。

总之，使用 CSS 制作横线非常容易。希望这些代码示例能够让你更加懂得如何展示最美丽的横线效果。