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; } #nav {width:900px; height:38px; Background:pink; } ul{List-style-type:none; position:relative; } 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{height:28px; width:720px; Position:absolute; left:0; top:28; Overflow:hidden; Visibility:hidden; } ul li:hover ul{visibility:visible; } </style> </pead> <body> <ul> <li> video </li> <li> health </li> <li> Room Production <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> <li> Read Books <ul> <li> serials </li> <li> stacks </li> <li> original </li> <li> literature </li > <LI>VIP </li> <li> list </li> <li> Shi </li> <li> Book review </li> <li> Digest </li> <li> interview </li> <li> blog </li> <li> Forum </li> <li> Weibo </li> <li> Art </li> </ul> </li> <li> game <ul> <li> Guild Wars 2</li> ; <li> Lodge Hero biography </li> <li> Hero League </li> <li> Star Wars </li> <li> Final Fantasy 14</li> & Lt;li> Meteor Butterfly Sword </li> <li> The new kingdoms </li> <li> nine Yin Canon </li> <li> xin Shui hu </li> < /ul> </li> <li> lottery </li> </ul> </body> </ptml></td> </tr> ; </table>
Tip: You can modify some of the code before running
