猿问

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
我要回答