<! 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; 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 'body'; color: # FFF; text-decoration: none;} # nav a: hover {line-height: 28px; background-position: 0 ;} </style> </pead> <body> <ul id = "nav"> <li> webpage creation </li> <li> Flash tutorial </li> <li> Photoshop tutorial </li> <li> script home </li> </ul> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]