The following code used to control the meun style. /*The head style*/ .menu { height:35px; width:940px; background-image:url("images/menu.gif"); background-repeat:no-repeat; border:#EEE3EE solid 1px; padding-left:20px; } #navigation a { color:#FFFFFF; } #navigation ul { list-style-type:none; margin:4px 4px 0px 0px; padding:0px; color:#FFFFFF; } #navigation li { float:left; width:70px; color:#FFFFFF; margin:0px 0px 0px 6px; } #navigation li a { display:block; padding:3px 6px 3px 6px; text-decoration:none; margin:2px; border:1px soled #FFFFFF; color:FFFFFF; } #navigation li a:link, #navigation li a:visited { border:1px solid #FFFFFF; color:FFFFFF; } #navigation li a:hover { background-color:#990020; color:#ffff00; } The following code shows how to use the css to create a simple menu. <div class="menu"> <div id="navigation"> <!--头部导航菜单--> <ul> <li><a href="#" mce_href="#"> 空 间</a> </li> <li><a href="#" mce_href="#">博 客</a> </li> <li><a href="#" mce_href="#">好 友</a> </li> <li><a href="#" mce_href="#">相 册</a> </li> <li><a href="#" mce_href="#">留 言</a> </li> </ul> </div> </div>