table { border-collapse: collapse; } td { border: 1px solid #000; } .merge { border-collapse: collapse; border: 1px solid #000; } .merge td { border: 1px solid #000; } .merge tr:nth-child(2) td { border-top: 0; }
以上是一行表格合并的CSS代码。大家首先在表格中添加class为merge的样式,然后在样式中使用border-collapse和border属性来实现边框合并,再使用tr:nth-child(2) td选择器来设置第二行的上边框为0,从而实现一行内的合并。
需要注意的是,这种合并方式只是视觉效果的合并,实际上每个单元格仍然是独立的。如果需要在合并单元格中添加链接或其他交互功能,需要进一步使用JavaScript等技术来实现。