[分享]css中如何画一条横线

CSS是一种用来描述网页样式的语言，其中画一条横线也是比较常见的样式需求。在CSS中，我们可以使用下述代码片断来实现一条横线：hr { border: none; bordertop: 1px sol...

CSS是一种用来描述网页样式的语言，其中画一条横线也是比较常见的样式需求。在CSS中，我们可以使用下述代码片断来实现一条横线：

hr {
  border: none;
  border-top: 1px solid #000;
  height: 0;
} 

以上代码片段中，我们使用了hr选择器来指定样式规则，即要应用于所有<hr>元素。border样式指定边框宽度和样式，这里我们使用none来让边框消失；border-top样式只描述上边框的样式，这里我们让它成为1像素宽、黑色实线样式；height样式设置高度为0，这里是为了消除与其他元素对底部的干扰。

综上，我们可以看到，CSS中实现横线的操作是很简单的，只需要对<hr>元素应用样式规则，即可达到预期的效果。