css实现照片上传加号框 |html5 css3 下载

.upload-box {
width: 100px;
height: 100px;
border: 1px dashed #ccc;
position: relative;
}
.upload-box i {
display: inline-block;
width: 40px;
height: 40px;
background: url(../img/plus.png) no-repeat center;
position: absolute;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: -20px;
}

上面是用CSS实现照片上传加号框的代码，大家可以看到，首先定义了一个upload-box的class，用于包裹上传的图片，并设置它的宽度、高度和边框样式。

然后是在这个元素中添加一个i标签，用于显示加号图标。对于这个i标签，设置了宽度、高度、背景图片为加号图标，并通过position属性实现了位置居中的效果。

现在，大家就可以把这个代码嵌入到大家的网页中，给用户带来更好用的上传功能了。