[分享]css做一条直线

CSS是一种设计网页样式的语言，它可以帮助我们创建各种各样的效果。今天我们来学习如何使用CSS创建一条直线。

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

在CSS中，我们可以使用`hr`标签来创建一条水平线。但默认情况下它会有一些样式，比如会有一些边框和间隔。我们需要通过CSS来将这些样式去除。

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

上面的代码中，我们使用`border`属性将边框样式设置为`none`，这样就去掉了边框。然后，我们使用`border-top`来设置上边框，颜色为黑色，宽度为1像素。

现在，我们已经成功地创建了一条直线，并将它的样式设置成了我们想要的样子。