展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
*{margin:0;padding:0;}
li{list-style:none;}
h1{text-align: center;}
.box{width:860px;height:300px;margin:30px auto;text-align: center;}
.box li{width:200px;height:300px;margin-right:20px;float:left;}
.box li:nth-child(4n){margin-right: 0;}
.box li div{width:200px;height:200px;background:blue;margin-bottom:10px;}
</style>
</head>
<body>
<h1>桂林山水风景图片</h1>
<ul class="box">
<li><div><img src="images/a.jpg"></div><a href="">桂林山水1</a></li>
<li><div><img src="images/a.jpg"></div><a href="">桂林山水2</a></li>
<li><div><img src="images/a.jpg"></div><a href="">桂林山水3</a></li>
<li><div><img src="images/a.jpg"></div><a href="">桂林山水4</a></li>
</ul>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
