css中怎样添加一条横线

在网页设计中，添加一条横线可以起到很好的分割作用，使网页看起来更加美观。而在CSS中，可以使用一些简单的代码来实现这个效果。
首先，在CSS中我们需要使用border-bottom属性来添加一条横线。比如：
pre {
border-bottom: 1px solid #ccc;
}
这个代码的意思是，在pre元素底部添加一条宽度为1像素、颜色为#ccc的实线。你可以根据需要调整线的宽度和颜色，比如改成虚线、点线等。
如果你想要让横线更加宽或者更加细，可以调整宽度值。比如：
pre {
border-bottom: 2px solid #ccc;
}
这个代码的意思是，在pre元素底部添加一条宽度为2像素、颜色为#ccc的实线。
此外，你也可以使用其他的border属性来添加横线，比如border-top、border-left等。只需要调整方向即可。比如：
pre {
border-top: 1px solid #ccc;
}
这个代码的意思是，在pre元素顶部添加一条宽度为1像素、颜色为#ccc的实线。
总之，在CSS中添加一条横线非常简单，只需要一个border属性即可实现。你可以灵活运用这个技巧，让你的网页看起来更加美观和整洁。