<ptml 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> <div id= "Menu3" > <ul> <li> Cloud-Habitat community </li> <li>c SS Special Effects </li&Gt <li> Source Download </li> <li> ad contact </li> </ul> </div> </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]