css中一条横线代码

CSS中有一条非常实用的横线代码，那就是“border-bottom”。该代码可以在页面上显示一条横线，用于作为分割线、装饰线等多种场合。

border-bottom: 1px solid #000;

以上代码表示在元素底部增加一条宽度为1像素、样式为实线、颜色为黑色的边框线，即一条横线。其中，1px表示边框的厚度，solid表示边框的样式，#000表示边框的颜色。

除了在单独的元素上使用该代码外，还可以在伪元素(:after、:before)、链接:hover等多种场合使用。例如：

a:hover {
  border-bottom: 2px dotted #f00;
}

以上代码表示当鼠标悬停在链接上时，为链接增加一条宽度为2像素、样式为点状、颜色为红色的边框线，以达到醒目的效果。

总之，“border-bottom”是CSS中非常常用、实用的一条横线代码，熟练掌握后可以在网页设计中大显身手。