css中插入水平线

CSS中的水平线可以使用border属性来实现，border属性定义了一个元素的边框，包括边框的颜色、宽度和样式。

hr {
  border: none;
  border-top: 1px solid #ccc;
} 

在上面的代码中，我们使用hr选择器来定义水平线样式，设置了border属性的值为none，这样可以消除默认的border样式。

然后，使用border-top属性来定义水平线的上边框，将边框样式设置为实线样式，颜色为#ccc，宽度为1px，这样就实现了一条宽度为1像素的灰色水平线。

除了使用border属性之外，我们还可以使用其他属性来实现水平线效果。

hr {
  height: 1px;
  background-color: #ccc;
  border: none;
} 

在上面的代码中，我们使用了height属性来定义水平线的高度，将高度设置为1像素。然后，使用background-color属性来设置水平线的颜色，这样可以让水平线与背景色产生对比。最后，使用border属性来消除默认的边框样式。

无论采用哪种方法，都可以实现水平线的效果。你可以根据自己的需求来调整水平线的颜色、宽度和高度等属性，以达到最佳的视觉效果。