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

WEB开发 | 2018-03-25 01:00:37 | 272次阅读 | 1评

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了


博友评论,共1条
Avatar
1楼: 静夜思 发表于 2018-03-25 01:13   回复
这次记下来了,下次可能又忘了,又得用老的笨方法“大框套小框”
浏览1529931次
最新评论