html实现上传多张图片

最新推荐文章于 2024-08-24 22:16:11 发布

ABINPYB

最新推荐文章于 2024-08-24 22:16:11 发布

阅读量8.3k

点赞数 4

文章标签： html上传图片上传多张图纯css和js实现

本文链接：https://blog.csdn.net/ABINPYB/article/details/99329363

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
 body {
background: #edf0f2;
}
img {
width: 100%;
display: block;
border: none;
vertical-align: bottom;
border: none;
}
input[type="button"] {
-webkit-appearance: none;
}
.productDrawingBox {
background-color: #fcfcfc;
color: #333333;
font-size: 16px;
padding-left: 11px;
border-bottom: solid 1px #e5e5e5;
}
.productDescription {
height: 44px;
line-height: 44px;
}
.productImg {
height: 96px;
overflow: hidden;
} 
.imgBiMG{
width: 78px;
height: 81px;
float: left;
display: block;
}
.uploadDIv {
width: 78px;
height: 81px;
background-color: #edf0f2;
font-size: 28px;
color: #bfbfbf;
text-align: center;
line-height: 81px;
float: left;
position: relative;
}
.uploadDIv input {
width: 78px;
height: 78px;
opacity: 0;
position: absolute;
right: 0px;
top: 0px;
z-index: 4;
padding: 0;
}
</style>