<! 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=gb2312 "/> <title> This is a navigation </title> <style type=" Text/css "> #nav {list-style:none; margin:0; padding:5px 0 0 0; Background: #F0F0F0; } #nav li{Float:left; Display:inline; margin-right:2px; } #nav a{Float:left; width:81px; height:28px; Text-align:center; Background:url (http://www.jb51.net/upload/20091011190507833.gif) no-repeat 0-4px #F3602A; Font:12px/24px ' song body '; Color: #FFF; Text-decoration:none; } #nav a:hover{line-height:28px; background-position:0; </style> </pead> <body> <ul id= "NAV" > <li> Web page production </li> <li>flash Tutorials </LI&G T <li>photoshop Tutorials </li> <li> Cloud Communities </li> </ul> </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]