<style>
body,ul{ margin:0padding:0}
ul,li{ list-style:none}
.wrap{ width:385px margin:30px auto}
.wrap ul{
border-top:1px solid #0000f0
border-right:1px solid #0000f0
}
.wrap ul li{
width:76px
height:39px
line-height:39px
text-align:center
float:left
border-left:1px solid #0000f0
border-bottom:1px solid #0000f0
overflow:hidden
}
</style>
</head>
<body>
<div class="wrap">
<ul>
<li>妙味</li>
<li>妙味</li>
<li>妙味</li>
<li>妙味</li>
<li>妙味</li>
</ul>
</div>
可以通过设置一下边框宽度来解决不能重合的问题。像这样的带边框div的一定要计算很精准：
总宽度＝div宽度+左边框宽度+右边框宽度（只要有边框的div都要计算边框的宽度）
上图中CSS并没有指定边框是多宽的，建议也指定定义好的宽度数值，再计算一下整体宽度是多少，这样应该就可以将边框重合了。
如果还不能重合，建议将完整代码截图发来。
