黑色豎排的CSS導(dǎo)航菜單_菜單導(dǎo)航特效

玄色豎排的CSS導(dǎo)航菜單，就不是看到很多網(wǎng)站首頁的左側(cè)或右側(cè)有一個漂亮的垂直菜單？實在實現(xiàn)方法非常簡單，實現(xiàn)的方法和橫向的基本一樣，只是這里沒有float:left定義，這樣菜單默認就是豎向排列了？是不是恍然大悟？

<!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>源碼下載 - 模板無憂</title>
<style type="text/css">
/**/*/
#coolmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 170px;
background-color: #E6E6E6;
}

* html #coolmenu{ /*IE only rule*/
width: 164px;
}

#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid black;
}

html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}

#coolmenu a:hover{
background-color: black;
color: white;
}

</style>
</head> 
<body>

<div id="coolmenu">
<a href="/">模板無憂</a>
<a href="/sort/list_1_1.shtml">ASP</a>
<a href="/sort/list_2_1.shtml">PHP</a>
<a href="/sort/list_3_1.shtml">.NET</a>
<a href="/sort/list_13_1.shtml">C#</a>
<a href="/sort/list_4_1.shtml">JSP</a>
<a href="/sort/list_5_1.shtml">Java</a>
<a href="/sort/list_8_1.shtml">VC/C++</a>
<a href="/sort/list_9_1.shtml">VB</a>
<a href="/sort/list_10_1.shtml">Delphi</a>
<a href="/sort/list_11_203_1.shtml">Ajax</a>
<a href="/sort/list_11_1.shtml">腳本資源</a>
<a href="/sort/list_11_112_1.shtml">jQuery</a>
<a href="/sort/list_7_1.shtml">電子書籍</a>
<a href="/sort/list_6_1.shtml">工具軟件</a>
</div>
</body>
</html>

所屬頻道：菜單導(dǎo)航特效/更新時間：2010-05-22

[收藏][報錯][返回列表]

相關(guān)菜單導(dǎo)航特效：

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索黑色豎排的CSS導(dǎo)航菜單
特效說明：
菜單導(dǎo)航模板-黑色豎排的CSS導(dǎo)航菜單。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

黑色豎排的CSS導(dǎo)航菜單_菜單導(dǎo)航特效

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些