有没有办法自定义 border 为 dashed 时的虚线间距?

CSS 的 border: 1px dashed 样式太难看了,虚线非常的宽,dotted 也是一样,间距太窄。

有没有办法控制虚线或者点的长度或者间距呢?

阅读 54.8k
评论
    6 个回答

    @哔哔肾 “鸭式辨型” 这个有意思,思路开阔。

    来个伪类写的分割线

          &:after
            width 10px
            height calc(100% - .1rem)
            background-image linear-gradient(to bottom, #ccc 0%, #ccc 50%, transparent 50%)
            background-size 1px 8px
            background-repeat repeat-y
            position absolute
            top 0.25em
            left -0.42rem
            content ''

    父级给两个属性

          position relative
          margin .42rem

    这个实现出来的,在iOS与android上基本是一致的效果,质量较高的还原了设计师的设计。

      相似问题
      推荐文章