CSS实现多种样式垂直导航菜单5

时间:2015/12/1 11:17:00来源:互联网 作者:flyso 点击: 865 次
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
        <head>
                <title>www.flyso.cn-垂直导航菜单</title>
   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="author" content="FLYSO" />
<meta name="Copyright" content="www.flyso.cn - http://www.flyso.cn" />
                <style type="text/css">
<!--
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        font-size: 80%;
        font-weight: bold;
        background: #FFF;
        }
 
h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}
 
ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }
 
img {
    border: none;
}
 
/*- Menu 12--------------------------- */
 
#menu12 {
        width: 200px;
        margin: 10px;
        }
 
#menu12 li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 22px;
        text-decoration: none;
        }
 
#menu12 li a:link, #menu12 li a:visited {
        color: #666;
        display: block;
        background:  url(myfile/images/menu12.gif);
        padding: 10px 0 0 35px;
        }
 
#menu12 li a:hover, #menu12 li #current { {
        color: #000;
        background:  url(myfile/images/menu12.gif) 0 -32px;
        padding: 10px 0 0 35px;
        }
-->
</style>
        </head>
 
        <body>
                <h2>
                  <!-- CSS Tabs -->
</h2>
                <div id="menu12"><ul><li><a id="current" href="http://www.flyso.cn/default.asp">Home</a></li>
<li><a href="http://www.flyso.cn/default.asp?cateID=3">Web Design</a></li>
<li><a href="http://www.flyso.cn/default.asp?cateID=6">JavaScript</a></li>
<li><a href="http://www.flyso.cn/default.asp?cateID=7">ASP</a></li>
<li><a href="http://www.flyso.cn/default.asp?cateID=8">ASP.NET</a></li>
<li><a href="http://www.flyso.cn/default.asp?cateID=10">Mixed</a></li>
<li><a href="http://www.flyso.cn/default.asp?cateID=11">Download</a></li>
<li><a href="http://www.flyso.cn/LoadMod.asp?plugins=GuestBookForPJBlog">GuestBook</a></li>
<li><a href="http://www.flyso.cn/tag.asp">Tags Cloud</a></li>
<li><a href="http://www.flyso.cn/default.asp?cateID=16">Game</a></li>
<li><a href="http://www.flyso.cn/LoadMod.asp?plugins=AboutMeForPJBlog">AboutMe</a></li>
 
                        </ul>
        </div>
</body>
</html>


Copyright © 2005 - 2016 flyso.cn. 飞搜 版权所有 鄂ICP备11002783号-3