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

WEB开发 | 2018-03-25 01:00:37 | 阅读 1357 次 | 评论(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条
静夜思
2018-03-25 01:13
1
这次记下来了,下次可能又忘了,又得用老的笨方法“大框套小框”
游客请输入验证码
浏览2058518次
文章归档
最新评论
  • 牧人马:作为一个目前还在校的大学生表示很赞同,深有体会,白天有学习或者复习这类事,晚上了做oj或者自己...
  • 静夜思:可能wsl2的内存占用全都在wsl2的进程里。wsl1不是这样的,我上面截图里是wsl1的,u...
  • 存析纪住:内存占用在WSL进程里