微信小程序各种分割线效果

微信小程序各种分割线效果，直接看图对号入座：
如果要实现垂直方向的分割线代码也是一样的，只需把宽度设为固定值然后边框设在左边或右边就可以了

.splite-line-dashed {
  height: 1px;
  border: none;
  border-top:1px dashed #1E90FF;
}
.splite-line-solid {
  height: 1px;
  border: none;
  border-top:1px solid #000;
}
.splite-line-double {
  height: 1px;
  border: none;
  border-top:3px double #6B8E23;
}
.splite-line-ridge {
  height: 1px;
  border: none;
  border-top:5px ridge #45D6D8;
}
.splite-line-groove {
  height: 1px;
  border: none;
  border-top:10px groove #FF8C00;
}

.splite-line-dotted {
  height: 1px;
  border: none;
  border-top:10px dotted #FF8C00;
}