作者:于权drawing | 来源:互联网 | 2023-08-14 13:41
这篇文章主要介绍css如何实现二维码扫码框,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
实现效果:
代码如下:
html:
css:
.img-box {
background: linear-gradient(#ae0000, #ae0000) left top,
linear-gradient(#ae0000, #ae0000) left top,
linear-gradient(#ae0000, #ae0000) right top,
linear-gradient(#ae0000, #ae0000) right top,
linear-gradient(#ae0000, #ae0000) right bottom,
linear-gradient(#ae0000, #ae0000) right bottom,
linear-gradient(#ae0000, #ae0000) left bottom,
linear-gradient(#ae0000, #ae0000) left bottom;
background-repeat: no-repeat;
background-size: 2px 20px, 20px 2px;
height: 116px;
width: 116px;
}
.code {
height: 110px;
width: 110px;
margin-top: 2px;
margin-left:2px;
border: 1px solid #ae0000;
}
以上是“css如何实现二维码扫码框”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程笔记行业资讯频道!