欢迎光临
我们一直在努力

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

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

.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;
}

赞(1) 打赏
未经允许不得转载:半醉人间 » 微信小程序各种分割线效果
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏