Css 水平重叠

我有一个水平菜单，有7个菜单项。菜单是一个表，一行，7个单元格

单元格的右边框为浅色。单元格的左边框为深色

我现在想要的是，第一单元的右边界是第二单元左边界的右边界。然后（单元格2的）深色边框将位于左侧，而（单元格1的）浅色边框将位于右侧

---

问题：

左边距：-2%不工作！和
右边距：-2%不太好！和
左
和
右
不，像素不！我怎样才能让细胞重叠，为什么这些东西不起作用呢？细胞肯定不能重叠。但您可以稍微更改您的订购：

奇数单元格可以有亮边框，偶数单元格可以有暗边框，以便效果保持不变

希望有帮助。
我认为表格单元格不能重叠。更好的解决方案是使用列表而不是表（这是您应该做的）。然后可以设置li元素的样式

例如

HTML

只是一个建议。你不应该使用表格进行设计/布局。在这种情况下，这是最不糟糕的事情。我认为单元格不能重叠。如果你可以发布一个CSS和HTML的示例，那么建议方法/替代方法就更容易了。我不知道单元格不能重叠。谢谢
<ul>
  <li>First menu item</li>
  <li>Second menu item</li>
  <li>Third menu item</li>
</ul>

li { 
  border-left: 1px solid #333;
  border-right: 1px solid #CCC; }

li:first-child { border-left: none; }
li:last-child { border-right: none; }