好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

div+css纵向导航如何实现且为导航添加超链接

以下代码实现纵向导航功能,并为导航添加了超链接(用 # 不可用的超链接代替),如下图所示

复制代码

代码如下:


<!DOCTY PE ht ML P ub LIC "-//W3C//DTD XHTML 1.0 Trans IT ional//EN" "http://www.w3. org /TR/xhtml1/DTD/xhtml1 -t ransitional.dtd">
<html XM lns="http://www.w3.org/1999/xhtml">
<head>
< ;m eta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
body{font-f ami ly:Verdana;font- Size: 18px;line-h ei ght:1.5;}
a{color:#000;text-decoration:none;}
a:hover{color:#F00;} //hover是为鼠标经过时 字体颜色 变为 红色
#menu{width:100px;border:1px solid#CCC}
#menu ul{list -s tyle:none;m arg in:0px;padding:0px;}
#menu ul li{background:#eee;padding:0px 8px;height:26px;line-height:26px;border-bottom:1px solid #CCC}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a hr ef="#">首页</a></li>
<li><a href="#">货 源 信息</a></li>
<li><a href="#">车源信息</a></li>
<li><a href="#">专线信息</a></li>
<li><a href="#">服务信息</a></li>
<li><a href="#">新闻 资讯 </a></li>
</ul>
</div>
</body>
</html>

总结

以上是 为你收集整理的 div+css纵向导航如何实现且为导航添加超链接 全部内容,希望文章能够帮你解决 div+css纵向导航如何实现且为导航添加超链接 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于div+css纵向导航如何实现且为导航添加超链接的详细内容...

  阅读:13次