css自定义虚线边框

今天在掘金上看见了一楼主自定义的虚线边框,感觉很不错,学习了


hdj

div {

      padding: 1em;

      border: 1px dashed transparent;

      background: linear-gradient(white,white) padding-box,

      repeating-linear-gradient(-45deg,#ccc 0, #ccc 0.25em,white 0,white 0.75em);

}


语法:

linear-gradient = 

= [left | right] || [top | bottom]

=[|]?

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,232评论 0 11
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,357评论 0 11
  • 还是希望每个人都有勇气 毫无保留地活着 义无反顾地继续。 或者 生活总在逼着你前进 又何必低头。
    九条阅读 249评论 0 0
  • 时间真快,转眼已到了万物复苏的季节,宁静而美丽着。 新的一年发生了很多的事情,所在的公司突然资源大整合,大家每天都...
    简之箐阅读 137评论 0 0
  • 转自大诚系统的博客 http://www.lantiangerui.com/h-nd-38-109_359.htm...
    书虫234阅读 714评论 0 1