添加横线是网页设计中常见的一种效果，通过使用CSS样式表，我们可以轻松地实现这个效果。下面就提供一些用于添加横线的CSS代码。
首先是在文本下方添加水平线，这种效果通常用于标题的下方。使用CSS样式表，我们可以为这些标题添加一个样式，使它们自动添加横线。以下是代码示例：
pre {
text-align: center;
border-bottom: 2px solid black;
}
以上代码会将文本居中，并在文本下方添加一条黑色的2像素宽的横线。
接下来是对整个段落添加水平线，这种效果可以用于分割页面。以下是代码示例：
pre {
border-top: 2px solid black;
border-bottom: 2px solid black;
}
以上代码会在段落的顶部和底部分别添加一条黑色的2像素宽的横线。
最后是添加不同颜色的水平线。以下是代码示例：
pre {
border-top: 2px solid red;
border-bottom: 2px solid blue;
}
以上代码会在段落的顶部添加一条红色的横线，在底部添加一条蓝色的横线。这种效果可以用于强调段落的重要性和区分段落。
以上就是示例代码。如果您需要添加横线效果，可以根据您的需求调整这些代码。希望这些代码可以帮助您构建您的网页。