CSS部分
body,div,ul,li,a{margin:0;padding:0;}
.nav{margin:0 auto;width:900px;height:730px;margin-top:20px;}
.navleft{width:450px;float:left;}
.navleft ul{width:450px;}
.navleft ul li{width:450px;height:40px;list-style:none;text-align:center;line-height:40px;}
.navleft ul li a{font-weight:100px;font-family:宋体;color:#fff;text-decoration:none;}
.navleft li:nth-child(odd){background:red;}
.navright{width:450px;float:left;}
.navright ul{width:450px;}
.navright ul li{width:450px;height:40px;list-style:none;text-align:center;line-height:40px;}
.navright ul li a{font-weight:100px;font-family:宋体;color:#fff;text-decoration:none;}
.navright li:nth-child(even){background:red;}
HTML部分
<div class="nav">
<!--单数行开始-->
<div class="navleft">
<ul>
<li><a href="#">123</a></li>
<li></li>
<li><a href="#">123</a></li>
<li></li>
<li><a href="#">123</a></li>
<li></li>
<li><a href="#">123</a></li>
<li></li>
<li><a href="#">123</a></li>
<li></li>
<li><a href="#">123</a></li>
</ul>
</div>
<!--双数行开始-->
<div class="navright">
<ul>
<li></li>
<li><a href="#">123</a></li>
<li></li>
<li><a href="#">123</a></li>
<li></li>
<li><a href="#">123</a></li>
<li></li>
<li><a href="#">123</a></li>
<li></li>
<li><a href="#">123</a></li>
<li></li>
<li><a href="#">123</a></li>
<li></li>
</ul>
</div>
</div>