<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>翡翠阁</title>
<style type="text/css">
h2{
background: url(img/cap.jpg) no-repeat center;
}
table,img{
border: 2px solid black;
}
p{
font-size: 20px;
text-align: center;
}
.one{
border-collapse: separate;
border-spacing: 10px 30px;
}
</style>
</head>
<body>
<h2 align="center">翡翠阁</h2>
<table align="center" class="one">
<tr>
<td>
<img src="img/li1.jpg"/>
<p>翡翠项链坠子</p >
<p>￥1500元</p >
</td>
<td>
<img src="img/li2.jpg"/>
<p>羊脂玉戒指</p >
<p>￥2300元</p >
</td>
<td>
<img src="img/li3.jpg"/>
<p>紫玉手镯</p >
<p>￥2880元</p >
</td>
<td>
<img src="img/li4.jpg"/>
<p>羊头黄玉</p >
<p>￥999元</p >
</td>
</tr>
<tr>
<td>
<img src="img/li5.jpg"/>
<p>翡翠挂件</p >
<p>￥1800元</p >
</td>
<td>
<img src="img/li6.jpg"/>
<p>翡翠蝴蝶胸扣</p >
<p>￥3300元</p >
</td>
<td>
<img src="img/li7.jpg"/>
<p>翡翠耳坠</p >
<p>￥2380元</p >
</td>
<td>
<img src="img/li8.jpg"/>
<p>翡翠白金镯子</p >
<p>￥9999元</p >
</td>
</tr>
</table>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
