www.gusucode.com > 红色漂亮jQuery下拉导航菜单源码程序 > 红色漂亮jQuery下拉导航菜单/style.css
* { margin:0; padding:0; } .nav_wrap { margin:20px auto; width:930px; padding-left:30px; height:40px; background-color:#ad0007; background:-moz-linear-gradient(top, #d5000a, #ad0007); background:-webkit-linear-gradient(top, #d5000a, #ad0007); background:linear-gradient(top, #d5000a, #ad0007); border-radius:5px; box-shadow:#333 0 1px 1px; } ul.nav li { list-style:none; float:left; position:relative; padding:5px 10px; } ul.nav li a { text-align:center; color:#fff; text-decoration:none; line-height:30px; height:30px; width:70px; font-size:14px; float:left; display:block; padding:0 10px; text-shadow:#666 1px 1px 1px; } ul.nav li a:hover, ul.nav li a.current { background-color:#870007; background:-moz-linear-gradient(top, #970007, #870007); background:-webkit-linear-gradient(top, #970007, #870007); background:linear-gradient(top, #970007, #870007); border-radius:5px; text-shadow:#333 1px 1px 1px; } ul.sub_nav { display:none; position:absolute; padding:0 0 10px 0; background-color:#ad0007; background:-moz-linear-gradient(top, #ad0007, #9f0007); background:-webkit-linear-gradient(top, #ad0007, #9f0007); background:linear-gradient(top, #ad0007, #9f0007); border-radius:0 0 5px 5px; left:0; top:40px; box-shadow:#333 0 1px 1px; } ul.sub_nav li { float:none; } ul.sub_nav li a { float:none; }