網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>菜單導(dǎo)航特效代碼>

帶陰影的CSS菜單_菜單導(dǎo)航特效

一款漂亮的CSS陰影菜單，可以有二級，不過用到了幾個圖片，查看演示的時候可以自行下載，紅白相間，很清新的網(wǎng)站導(dǎo)航菜單條。

<!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>CSS菜單</title>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
<style>
.menucontainer{background: #fff url(http://p1.mb5u.com/texiao/bgOFF.gif) no-repeat bottom left;}
.menu {float:left;font-family: arial,verdana,sans-serif;width:100%;position:relative;font-size:11px;font-weight:bold;
background:url(http://p1.mb5u.com/texiao/bgOFF.gif) repeat-x bottom left;border-top:4px solid #B30000;}
.menu ul {padding:0;margin:0;list-style-type:none;float:left;position:relative;}
.menu ul li {float:left;position:relative;display:inline;background:url(http://p1.mb5u.com/texiao/bgDIVIDER.gif) no-repeat bottom right;}
.menu ul li a, .menu ul li a:visited {float:left;display:block;text-decoration:none;color:#000;width:auto;color:#666;padding:0px 16px 0px 16px;line-height:40px;height:40px;}
* html .menu ul li a, .menu ul li a:visited {width:auto;w\idth:auto;}
.menu ul li ul {display:none;}
.menu ul li ul li{background:none;}
table {margin:-1px;border-collapse:collapse;font-size:11px;}
.menu ul li:hover a {color:#B30000;background: transparent url(http://p1.mb5u.com/texiao/bgON.gif) bottom left repeat-x;}
.menu ul li:hover ul {display:block;position:absolute;top:36px;margin-top:1px;left:0;width:100%;border-top:1px solid #fff;}
.menu ul li:hover ul li a {display:block;background:#e3e3e3;color:#333;height:auto;line-height:16px;padding:2px 16px 2px 16px;width:120px;border-top:1px solid #fff;}
.menu ul li:hover ul li a:hover {color:#fff;background: #B30000 url(http://p1.mb5u.com/texiao/sub-arrow.gif) no-repeat;background-position: 4px 8px;}
</style>
</head>

<body>
<div class="menucontainer">
<div class="menu">
<ul>
<li><a href="/" target="_blank">Home</a></li>
<li><a href="#" target="_self">About us</a></li>
<li><a class="drop" href="#" target="_self">Services
</a>

<table><tr><td>
<ul><li><a href="#" target="_self">Design</a></li><li><a href="#" target="_self">Strategy</a></li><li><a href="#" target="_self">Analysis</a></li></ul></td></tr></table>

</li>
<li><a href="/" target="_self">Support</a></li>
<li><a href="/" target="_self">Forums</a></li>
<li><a href="/" target="_self">Contact Us</a></li>
</ul>
</div>
</div>

</body>
</html>

所屬頻道：菜單導(dǎo)航特效/更新時間：2011-02-23

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

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

欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线

帶陰影的CSS菜單_菜單導(dǎo)航特效

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

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

猜你也喜歡看這些