第七章作业

最新推荐文章于 2024-12-24 17:31:57 发布

原创最新推荐文章于 2024-12-24 17:31:57 发布 · 324 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#1024程序员节

1.代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>翡翠阁</title>
		<style type="text/css">
			.wenzi1{
				height: 70px;
				line-height: 70px;
				text-align: center;
				background: url(img/cap.jpg) no-repeat center;
			}
			.hezi{
				width:700px;
				height:550px;
				border:1px solid;
				margin:0 auto;
			}
			td{
				height:100px;
				text-align: center;
			}
			img{
				width:150px;
				height:140px;
				margin: 10px 0px 0 17px;
				border:1px solid;
			}
		</style>
		
	</head>
	<body>
		<h2 class="wenzi1">翡翠阁</h2>
		<div class="hezi">
			<table>
				<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>
		</div>
	</body>
</html>

结果：