CSS实现自定义虚线

简单记录自定义虚线，代码如下:

HTML代码

<div class="title">我是标题div>
<p class="division">p>

CSS代码(主要)

.title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding-top: 26px;
}
.division {
  margin: 5px 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, #e4e4e4 0%, #e4e4e4 50%, transparent 80%);
  background-size: 12px 1px;
  background-repeat: repeat-x;
}

效果图：