欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

使用css3的repeating-linear-gradient画虚线

程序员文章站 2022-05-04 12:29:42
还在用 border style: dashed 画虚线吗?虽然也是虚线,但是不能控制每一个虚线的宽度 ......

还在用 border-style: dashed 画虚线吗?虽然也是虚线,但是不能控制每一个虚线的宽度

.dashed {
  height: 1px;
  background-image: repeating-linear-gradient(90deg, #000, #000 4px, #fff 0, #fff 8px);
}