在a的css设置高光的样式 float:left - 使用 float 来把块元素滑向彼此。 display:block - 把链接显示为块元素可使整个链接区域可点击（不仅仅是文本），同时也允许我们规定宽度。 无标题文档 <br />body{ padding:0; margin:0;}<br />ul{list-style-type: none;} <br />a{ text-decoration:none;}<br />.maincontent {padding: 0 px;margin-right: 10px;margin-left: 10px; background:#000;}<br />.maincontent .nav{ color:#fff; height:30px; background:#000;}<br />.maincontent .nav ul {margin: 0px; line-height:30px ; display:block;}<br />.maincontent .nav ul li{float: left; line-height:30px; }<br />.maincontent .nav ul li a{ color:#fff; padding:0 30px; line-height:30px; display:block; cursor:pointer;} <br />.maincontent .nav ul li a:hover {color:#F03; background:#fff;}<br /> 首页 首页 首页 首页 首页 首页
