margin负值-水平列表消除边框
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>test</title><script src="jquery.js"></script><style>body,ul,li{ padding:0; margin:0;}a,a:link,a:visited,a:hover,a:active{font: 12px/1.333 微软雅黑, tahoma, arial, 宋体, sans-serif;text-decoration:none;color:black;} ul,li{ list-style:none;} #test{ overflow:hidden;margin:10px; } #test ul{ margin-left:-1px; zoom:1; } #test ul li{ float:left; padding:0px 8px;border-left:1px solid #aaa; }</style></head><body><div id="test"> <ul> <li><a href="#">关于我们</a></li> <li><a href="#">关于我们</a></li> <li><a href="#">关于我们</a></li> <li><a href="#">关于我们</a></li> </ul> </div></body></html>