纯CSS下拉菜单演示
*{margin:0;padding:0;}
ul{list-style-type:none;}
a{text-decoration:none; color:#666; font-size:12px;}
a:hover{color:#cb0a0d;}
a img{border:none;}
.clear{clear:both;}
body{font-family: "Arial", "Helvetica", sans-serif; font-size:12px; color:#333; behavior:url("csshover3.htc"); background:#efefef;}
#wrap{width:1002px; background:#fff; margin:0 auto;}
#header{width:1002px; padding-bottom:5px;}
#nav{width:1002px; margin-top:5px;}
.h_ul{width:1002px; }
.h_li{float:left; width:142px; height:40px; text-align:center; z-index:20; }
.h_li:hover{background-color:#693; -moz-border-radius: 8px 8px 0 0; border-radius:8px 8px 0 0; }
.h_li a{line-height:40px; font-size:14px; font-weight:700; color:#693; display:block;}
.h_li a:hover{color:#fff;}
/* Sub menu */
.h_sub_ul{width:145px; position:absolute; visibility:hidden; z-index:20;}
.h_li:hover .h_sub_ul{visibility:visible; *margin-left:-72px;}
.h_sub_li{ width:142px; color:#fff; background-color:#693; height:25px; border-top:#CCCCCC solid 1px; *margin:-3px 0;}
.h_sub_li:hover{background-color:#66CC00; color:#693; }
.h_sub_li a {display:block;color:#fff; line-height:25px; font-size:12px;}
.h_sub_li a:hover{color:#fff;}
HomeAbout usInduction lightingLight sourceStreet LightHigh BayTunnel LightCeiling LightWhat's newNewsTechnologyContact us
运行代码
复制代码
另存代码
提示:您可以先修改部分代码再运行