今天刚发现outline这个css属性,结合border可实现双边框效果

作者在 2018-03-25 01:00:37 发布以下内容

QQ20180325-0@2x.png (上传于2018-03-25 01:00:37)
QQ20180325-0@2x.png

只需要给div加入下面的css属性:

关键属性:backgroundborderoutline


    position: absolute;
    top: 20px;
    left: 50px;
    width: 200px;
    height: 200px;
    background: green;
    z-index: 1000;
    border: 5px solid #fff;
    outline: 5px solid green;
以前我都是用两个div,大框套小框。真是out了


WEB开发 | 阅读 2430 次
文章评论,共1条
静夜思(作者)
2018-03-25 01:13
1
这次记下来了,下次可能又忘了,又得用老的笨方法“大框套小框”
游客请输入验证码
浏览2893722次
文章归档
最新评论
  • 静夜思:-1是多核
  • 时光拾荒者:CtrlCV还是强的😝
  • 硬识岩丝:解决了,太感谢了~