<Html xmlns = "http://www.w3.org/1999/xhtml"> <pead> <title> pure CSS vertical navigation menu </title> <meta http-equiv = "content-type" content = "text/html; charset = gb2312 "> <style type =" text/css "> body {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 80%; font-weight: bold;} ul {list-style: none; margin: 0; padding: 0 ;}# menu3 {width: 160px; border: 1px solid # ccc; margin: 10px ;}# menu3 li a {height: 32px; voice-family: "\" }\ ""; voice-family: inherit; height: 24px; text-decoration: none;} # menu3 li a: link, # menu3 li a: visited {color: #888; display: block; background: url (/upload/2010-3/20100303231545473. gif); padding: 8px 0 0 30px;} # menu3 li a: hover, # menu3 li a: active {color: # ffffff; background: url (/upload/2010-3/20100303231637519. png) 0-32px; padding: 8px 0 0 30px ;} </style> </pead> <body> <ul> <li> script home </li> <li> CSS effect </li> <li> source code download </li> <li> ad contact </li> </ul> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]