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

WEB开发 | 2018-03-25 01:00:37 | 阅读 1050 次 | 评论(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   回复
这次记下来了,下次可能又忘了,又得用老的笨方法“大框套小框”
游客请输入验证码
浏览1856714次
文章归档
最新评论
  • 静夜思:它下面的,直到ob_get_clean() 为止
  • 静夜思:9年了,当年解决这个问题的思路记忆犹新😊