www.gusucode.com > 蓝色圆角水平导航菜单源码程序 > 蓝色圆角水平导航菜单/caidan_blue/style.css
/* -------------------------- AUTHOR : STYLED MENUS URL : http://www.styledmenus.com Copyrights by STYLED MENUS ----------------------------*/ *{ margin:0; padding:0; } body{ background:#fff; color:#666; font:12px/18px Tahoma, Arial, Helvetica, sans-serif; } #menu{ width:100%; margin:15px; } #menu ul{ list-style:none; } #menu li{ list-style:none; display:block; float:left; margin:0 2px; } #menu li a{ display:block; float:left; height:66px; color:#fff; text-transform:uppercase; font-size:11px; font-weight:bold; background:url(images/menu_009_l.jpg) no-repeat left; line-height:66px; padding:0 0 0 9px; text-decoration:none; } #menu li a span{ display:block; float:left; background:url(images/menu_009_r.jpg) no-repeat right; height:66px; color:#d2eeff; line-height:66px; padding:0 18px 0 8px; } #menu li a:hover{ display:block; float:left; background:url(images/menu_009_h_l.jpg) no-repeat left; height:66px; } #menu li a:hover span{ display:block; float:left; background:url(images/menu_009_h_r.jpg) no-repeat right; color:#fff; height:66px; } #menu li a.current{ display:block; float:left; height:66px; color:#fff; text-transform:uppercase; font-size:11px; font-weight:bold; background:url(images/menu_009_h_l.jpg) no-repeat left; line-height:66px; padding:0 0 0 9px; text-decoration:none; } #menu li a.current span{ display:block; float:left; background:url(images/menu_009_h_r.jpg) no-repeat right; height:66px; color:#fff; line-height:66px; padding:0 18px 0 8px; }