html页面如何实现导航条？求一段代码实例
1 回答
已采纳
qq_莫非
TA贡献257条经验 获得超92个赞
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
无标题文档
</title>
<style type="text/css">
<!--
body {margin: 0px; padding: 0px;
}
a.a1:link {
font-family: "
宋体
";
font-size: 12px;
line-height: 30px;
color: #000000;
text-decoration: none;
background-color: #006600;
height: 30px;
width: 200px;
}
a.a1:visited {
font-family: "
宋体
";
font-size: 12px;
line-height: 30px;
color: #000000;
text-decoration: none;
background-color: #006600;
height: 30px;
width: 200px;
}
a.a1:hover {
font-family: "
宋体
";
font-size: 12px;
line-height: 30px;
color: #FFFFFF;
text-decoration: none;
background-color: #00CC00;
height: 30px;
width: 200px;
}
a.a1:active {
font-family: "
宋体
";
font-size: 12px;
line-height: 30px;
color: #FFFFFF;
text-decoration: none;
background-color: #00CC00;
height: 30px;
width: 200px;
}
-->
</style>
</head>
<body>
<table width="800" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="200" height="30" align="center" valign="middle"><a href="#" class="a1">
首页
</a></td>
<td
width="200"
align="center"
valign="middle"><a
href="#"
class="a1">
新
闻
中
心
</a></td>
<td
width="200"
align="center"
valign="middle"><a
href="#"
class="a1">
活
动
专
区
</a></td>
<td
width="200"
align="center"
valign="middle"><a
href="#"
class="a1">
用
户
服
务
</a></td>
</tr>
</table>
</body>
</html>- 1 回答
- 3 关注
- 1528 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消