Td水平重叠

Question

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

细胞的右边界是浅色。细胞的左边界是深色的。

我现在想要的是，第一单元的右边界位于第二单元的左边界右侧。然后将留下（单元格2的）黑色边框，并且（单元格1的）光边界将是正确的。

问题： margin-left:-2%;不起作用！而且margin-right:-2%;也不是！ left和right没有，像素不是！我怎样才能让细胞重叠，为什么这些东西不起作用

Answer 1

细胞不能重叠。但是你可以改变一下你的订单：

你的奇数细胞可以有浅色边框，你的偶数细胞可以有黑色边框，使效果保持不变。

希望有所帮助。

Answer 2

我不认为表格单元格可以重叠。一个更好的解决方案是使用列表而不是表（这是你应该做的事情）。然后你可以设置li元素的样式。

E.g。

HTML

<ul>
  <li>First menu item</li>
  <li>Second menu item</li>
  <li>Third menu item</li>
</ul>

CSS

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

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