First look at the picture (the image is just roughly done)
Effect Display :
Run Code Box
<! 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 "/> <meta name=" Author "content=" Linxz "/> <title> Untitled document </title> <style type=" Tex T/css "> * {margin:0;padding:0;font:normal 12px/25px" song Body ";} Body {background: #f8f8f8;} UL {list-style:none;width:300px;height:25px;margin:20px Auto;} Li {float:left;width:86px;height:25px;text-align:center;margin:0 -5px;display:inline;} A {color: #fff; Float:left;width:86px;height:25px;top:0;left:0;background:url (/articleimg/2008/04/5627/03.gif) Center Center No-repeat; a:hover {color: #000; Background:url (/articleimg/2008/04/5627/02.gif) 0 0 no-repeat;width:86px;position:relative;} </style> </pead> <body> <ul> <li> menu </li> <li> menu </li> ;li> Menu;/li> </ul> </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
