Tip: You can modify some of the code before running
<! 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=" text/html; Charset=utf-8 "/> <title> pull-down menu </title> <style type=" Text/css "> *{margin:0; padding:0; body{font-family: Microsoft Ya-hei; width:900px; margin:50px Auto; font-size:12px; a{color: #fff; Text-decoration:none; } ul{List-style-type:none; } ul li {float:left; width:88px; height:30px; line-height:30px; Background:green; border-right:2px solid #fff; Text-align:center; UL Li ul li{height:28px; Background:orange; border-top:2px solid #fff; } ul Li a{display:block; width:90px; height:30px; } UL Li a:hover{background: #004000; } ul Li ul{Visibility:hidden; } ul li:hover ul{visibility:visible; } </style> </pead> <body> <ul> <li> video </li> <li> Health </li> & Lt;li> Real Estate <ul> <li> Guangzhou </li> <li> Beijing </li> <li> Shanghai </li> <li > shenzhen </li> <li> Tianjin </li> <li> Chongqing </li> <li> Wuhan </li> <li> Hangzhou < /li> <li> Sichuan </li> </ul> </li> <li> home </li> <li> Education </li> & lt;li> reading </li> <li> Games </li> <li> lottery <ul> <li> buy color Hall </li> <li> Buy Hall & lt;/li> <li> lottery </li> <li> trend map </li> <li> lottery information </li> <li> mobile buy color </li& Gt </ul> </li> </ul> </body> </ptml></td> </tr> </table>
Tip: You can modify some of the code before running
