<div class="image">
<a href="#" target="_self">
<img src="picture.jpg" alt="p" width="200px" height="200px">
</a>
<div class="text">8888888</div>
</div>
<div class="image">
<a href="#" target="_self">
<img src="picture.jpg" alt="p" width="200px" height="200px">
</a>
<div class="text">8888888</div>
</div>
<div class="image">
<a href="#" target="_self">
<img src="picture.jpg" alt="p" width="200px" height="200px">
</a>
<div class="text">8888888</div>
</div>
body{
height: auto;
width: 70%;
margin: 10px auto;
}
li{
/* 水平排列*/
display: inline;
/* 内边距为3px*/
padding: 3px;
padding-right: 33px;
/* visibility: hidden;*/
}
.image{
border: 1px solid darkgray;
width: auto;
height: auto;
float: left;
margin: 5px 5px;
text-align: center;
}
img{
/*透明度*/
opacity: 0.4;
margin: 5px;
}
.text{
/* 外边距与底部距离*/
margin-bottom: 5px;
font-size: 12px;
}