如何使用CSS绘制虚线并设置间隔?不使用图片!

2 min read

可以使用CSS的border属性来实现虚线,再通过调节border样式和padding来设置虚线的间隙。例如:

.dashed-line {
  border-bottom: 1px dashed black;
  padding-bottom: 10px; /* 设置虚线的间隙大小 */
}

这样就可以在一个容器内画出一条1像素粗的黑色虚线,并且间隙大小为10像素。