谢谢了. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>xxxx</title> <style type="text/css"> <!-- *{ margin:0; padding:0; list-style-type:none } .logo{ width: 430px; margin-top: 120px; margin-left: 285px; text-align:center; } .lists{ width: 430px; margin-top: 20px; margin-left: 285px; border: 1px dotted #CCCCCC; height:100px; } .lists ul{ margin-left: 0px; } .lists li{ margin-left:10px; margin-top:10px; text-align:center; overflow:hidden; list-style-type: none; float:left; width:130px; background-color: #99CC66; padding-top: 8px; padding-bottom: 8px; } .lists li a:link{ font-size: 14px; width:130px; color: #000000; text-decoration: none; } .lists li a:visited{ font-size: 14px; width:130px; color: #000000; text-decoration: none; } .lists li a:hover{ font-size: 14px; width:130px; color: #006600; text-decoration: underline; font-style: italic; font-weight: bold; background-color: #99CC00; } Div { font-size: 14px; } --> </style> </head> <body> <div class="logo"><img src="img/logo.gif" /></div> <div class="lists"> <div> <ul> <li><a href="#">XXXXXX</a></li> <li><a href="#">XXXXXX</a></li> <li><a href="#">XXXXXX</a></li> <li><a href="#">XXXXXX</a></li> <li><a href="#">XXXXXX</a></li> <li><a href="#">XXXXXX</a></li> </ul> </div> </div> </body> </html>