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

有什么问题请到<a href='/bbs/forums.php?fid=21'>论坛</a>中发表<br> <!-- http://www.webjx.com/js --> <!-- bbs http://www.webjx.com/bbs--> <!-- 把下列代码加入到head区内 --> <style>#button { width: 150px; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; font-size: 90%; background-color: #90bade; color: #333; } #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> <!-- 把下列代码加入到body区内 --> <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>

（出处：清风网络学院）