添加横线是网页设计中常见的一种效果，通过使用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; } 以上代码会在段落的顶部添加一条红色的横线，在底部添加一条蓝色的横线。这种效果可以用于强调段落的重要性和区分段落。 以上就是示例代码。如果您需要添加横线效果，可以根据您的需求调整这些代码。希望这些代码可以帮助您构建您的网页。