本文主要是介绍css模拟上传十字架,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一 效果图
二 代码
<div class="uploadImg"><div class="addPlus"></div></div>.uploadImg {width: 100px;height: 100px;background: #FFFFFF;border: 1px solid #DDE2EC;border-radius: 2px;position: relative;.addPlus {margin:50px auto;width: 0;height: 0;position: relative;}.addPlus:before, .addPlus:after {content: "";position: absolute;background: #DDE2EC;top: 50%;left: 50%;transform: translate(-50%,-50%);}.addPlus:before {width: 40px;height: 4px;}.addPlus:after {width: 4px;height: 40px;}}
这篇关于css模拟上传十字架的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!