<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <meta http-equiv=" Content-type "Content=" Tex t/html; charset=gb2312 "/> <title> compatible ie6,ie7 menu highlighting </title> </pead> <style type=" Text/css "> *{ font:12px Tahoma; } #menu li{List-style:none; width:88px; height:30px; Float:left; Background: #EFF1F5; Text-align:center; margin:0; Overflow:hidden; #menu Li a{display:block; #menu Li A:link, #menu Li a:visited{text-decoration:none; PADDING:8PX 0; #menu li a:hover{background: #B8C0D3; } </style> <body> <ul id= "menu" > <li> cloud-dwelling community </li> <li> cloud-Habitat Community </li> <li> Cloud Habitat </li> <li> Cloud Habitat </li> <li> Cloud Habitat Community </li> <lI> Community </li> </ul> </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
