<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>翡翠阁</title>
</head>
<style>
h1{
height: 70px;
background: url(./img/cap.jpg) no-repeat center;
line-height: 70px;
}
table{
width: 100%;
height: 600px;
border: 1px solid;
margin: 0 auto;
}
td{
height: 150px;
text-align: center;
}
img{
width: 150px;
height: 150px;
border: 1px solid;
margin: 10px 10px 0px 10px;
}
</style>
<body>
<table>
<caption><h1>翡翠阁</h1></caption>
<tr>
<td><img src="./img/li1.jpg"/></td>
<td><img src="./img/li2.jpg"/></td>
<td><img src="./img/li3.jpg"/></td>
<td><img src="./img/li4.jpg"/></td>
</tr>
<tr>
<td>翡翠项链坠子<br/>￥1500元</td>
<td>羊脂玉戒指<br/>￥2300元</td>
<td>紫玉手链<br/>￥2880元</td>
<td>羊头黄玉<br/>￥999元</td>
</tr>
<tr>
<td><img src="./img/li5.jpg"/></td>
<td><img src="./img/li6.jpg"/></td>
<td><img src="./img/li7.jpg"/></td>
<td><img src="./img/li8.jpg"/></td>
</tr>
<tr>
<td>翡翠挂件<br/>￥1800元</td>
<td>翡翠蝴蝶胸口<br/>￥3300元</td>
<td>翡翠耳坠<br/>￥2380元</td>
<td>翡翠白金镯子<br/>￥9999元</td>
</tr>
</table>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
