发表于: 2016-01-28 20:44:13
1 1430
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>任务一</title>
<style>
* {
margin: 0;
padding: 0;
}
#content {
width: 800px;
margin: 0 auto;
padding: 20px;
}
#content .item {
padding: 20px;
margin-bottom: 20px;
}
#content .item li {
display: inline;
margin-right: 10px;
}
#content .item li a img {
width: 230px;
height: 230px;
border: none;}
</style>
</head>
<body>
<div id="content">
<div id="item1" class="item">
<ul>
<li><a href="#"><img src="%E8%B4%AD%E7%89%A9%E7%BD%91_files/1.jpg" alt=""></a></li>
<li><a href="#"><img src="%E8%B4%AD%E7%89%A9%E7%BD%91_files/1.jpg" alt=""></a></li>
<li><a href="#"><img src="%E8%B4%AD%E7%89%A9%E7%BD%91_files/1.jpg" alt=""></a></li>
<li><a href="#"><img src="%E8%B4%AD%E7%89%A9%E7%BD%91_files/1.jpg" alt=""></a></li>
<li><a href="#"><img src="%E8%B4%AD%E7%89%A9%E7%BD%91_files/1.jpg" alt=""></a></li>
<li><a href="#"><img src="%E8%B4%AD%E7%89%A9%E7%BD%91_files/1.jpg" alt=""></a></li>
<li><a href="#"><img src="%E8%B4%AD%E7%89%A9%E7%BD%91_files/1.jpg" alt=""></a></li>
<li><a href="#"><img src="%E8%B4%AD%E7%89%A9%E7%BD%91_files/1.jpg" alt=""></a></li>
<li><a href="#"><img src="%E8%B4%AD%E7%89%A9%E7%BD%91_files/1.jpg" alt=""></a></li>
</ul>
</div>
</div>
</body>
</html>
评论