兰色背景变换的CSS导航菜单

网页特效

网站首页菜单导航日期时间背景图像图层样式鼠标键盘页面窗口色彩表格链接文字表单按钮计数转换游戏娱乐综合实例

您的位置: 网页特效 -> 图层样式 -> 兰色背景变换的CSS导航菜单

兰色背景变换的CSS导航菜单

作者:兰色背景变换的CSS导航菜单发布时间:2007-11-11 5:21:14 发布人: admin

大量JS网页广告代码<a href="http://web.archive.org/web/20110325201933/http://ad.jz123.cn/">演示下载中心</a><br>

#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#button li {
border-bottom: 1px solid #90bade;
margin: 0;
}

#button li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #button li a {
width: auto;
}

#button li a:hover {
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}
</style>

<div id="button">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Toys and Games</a></li>
<li><a href="#">Computers</a></li>
<li><a href="#">Electronics</a></li>
<li><a href="#">Furniture</a></li>
<li><a href="#">Outdoors</a></li>
<li><a href="#">Home Appliances</a></li>
</ul>
</div>

<a href="http://web.archive.org/web/20110325201933/http://www.jz123.cn/">欢迎访问中国建站之家网页特效集</a>

兰色背景变换的CSS导航菜单

将本文收藏到QQ书签与更多好友分享

上一篇：文章：css设置的下拉菜单代码下一篇：文章：鼠标指向有背景的CSS导航菜单

网页特效

兰色背景变换的CSS导航菜单

本类浏览排行 »

本站推荐文章 »