css实现虚线

14 阅读1分钟

记录一下

这个不好看border-bottom: 1px dotted #dedede;

用css写,能自己控制样式

.dotted-line {
  height: 1px; /* 线的高度 */
  background-image: linear-gradient(to right, transparent 50%, #dedede 50%);
  background-size: 3px 1px; /* 控制虚线的宽度和间隔 */
}

如图

image.png