如何在保留背景边框的同时跨表格单元格放置元素？

【问题标题】：How to place element across table cells while retaining the background border?如何在保留背景边框的同时跨表格单元格放置元素？
【发布时间】：2022-08-03 17:15:46
【问题描述】：

像这张图片，我想在两个单元格之间垂直放置黑色 div。

如果我使用行跨度，单元格之间的边界将消失。我不希望边框消失。我应该使用 CSS 网格和 div 吗？

标签： html html-table

【解决方案1】：

您可以创建td 元素position: relative，然后将div 放在您希望它出现的最顶部td 中。div 类似于position: absolute; height: 100%; top: 50%; width: 70%; left: 15%; background: #000'。

【讨论】：