![在這裏插入圖片描述]()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>班級網站</title>
<style>
td {
font-size: 12px;
line-height: 20px;
}
a:link {
color: #ffffff;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #ffffff;
}
a:hover {
text-decoration: underline;
color: #ff0000;
}
a:active {
text-decoration: none;
color: #ffffff;
}
td {
color: #ffffff;
height: 40px;
line-height: 40px;
text-align: right;
background-image: url(menu-bg.gif);
}
</style>
</head>
<body>
<table>
<tr>
<td><a href="#"><b>首頁</b></a></td>
<td><a href="#">班級新聞</a></td>
<td><a href="#">班級相冊</a></td>
<td><a href="#">個人主頁</a></td>
<td><a href="#">留言本</a></td>
<td><a href="#">網頁設計</a></td>
<td><a href="#">關於我們</a></td>
</tr>
</table>
</body>
</html>
