<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试</title>
<style>
ul,li{
list-style:none;
}
img{
width:250px;
height:250px;
}
li{
border:1px solid #ccc;
height:300px;
width:250px;
margin-right: 20px;
}
p{padding:4px 10px;}
a{
text-decoration: none;
}
</style>
</head>
<body>
<ul>
<li>
<a href="#">
<img src="images/6.png" />
<p>测试一下</p>
</a>
</li>
<li>
<a href="#">
<img src="images/6.png" />
<p>测试一下</p>
</a>
</li>
<li>
<a href="#">
<img src="images/6.png" />
<p>测试一下</p>
</a>
</li>
<li>
<a href="#">
<img src="images/6.png" />
<p>测试一下</p>
</a>
</li>
</ul>
</body>
</html>添加li{float:left}之前，文字可以被单独选中添加li{float:left}之后,文字会连带图片一起被选中求解orz
2 回答
- 2 回答
- 0 关注
- 1756 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消