html页面如何实现导航条？
html页面如何实现导航条？求一段代码实例
qq_蝶恋花_9浏览 1529回答 1
1回答
-
qq_莫非
<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>
随时随地看视频慕课网APP
Html/CSS