css - td水平重叠

标签 css html-table overlap

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

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

我现在想要的是单元格一的右边界在单元格二的左边界的右边。然后,(单元格 2 的)深色边框将在左侧,而(单元格 1 的)浅色边框将在右侧。

问题: margin-left:-2%; 不起作用! margin-right:-2%; 也不是! leftright 不是,像素也不是!我怎样才能让单元格重叠,为什么这些东西不起作用

最佳答案

单元格肯定不能重叠。但是您可以稍微更改一下顺序:

您的奇数单元格可以有浅色边框,您的偶数单元格可以有深色边框,这样效果保持不变。

希望对您有所帮助。

关于css - td水平重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18145014/

相关文章:

html - CSS 布局改进

html - 使用 CSS 保持元素的最佳宽度

javascript - 使用 jQuery 迭代 HTML 表行并更改列值

css - Bootstrap 3 截断压缩表列中的文本并添加填充

css - 具有多列和多行的 Flexbox 响应式布局 : Best practice to realize a "column-gap"?

php - 如何选择所有行的 HTML 表格

javascript - 作为 jquery 响应的附加行组不遵循表条纹表样式

CSS:与侧边栏重叠的内容(Tumblr 主题)

html - 固定标题与我的横幅重叠

r - 如何在李克特条形图中不让百分比标签重叠(排斥百分比标签)?