CSS代碼
.btn{
box-sizing: border-box;
padding: 5px 15px;
width: 100px;
height: 30px;
background: #0271DA;
color: #fff;
border-radius: 5px;
cursor: pointer;
}
.box{
position: relative;
width: 100px;
height: 30px;
overflow: hidden;
}
.file{
position: absolute;
top: 0;
left: -100px;
width: 300px;
height: 30px;
opacity: 0;
cursor: pointer;
z-index: 100;
}
HTML代碼
<div class="box">
<a class="btn">上傳頭像</a>
<input type="file" class="file" name="" id="" value="" />
</div>
如果明白了，請(qǐng)贊賞，1分也是愛(ài)。
如果還是不理解焚挠，看來(lái)需要視頻講解以及面對(duì)面一對(duì)一講解了（視頻+源碼 5元）
聯(lián)系方式QQ:1718202383
可接應(yīng)屆畢業(yè)生論文項(xiàng)目
可接外包項(xiàng)目
image.png
