Html 如何将两列合并为一列<;td>;牢房?

Html 如何将两列合并为一列<;td>;牢房?,html,css,html-table,Html,Css,Html Table,我试图在一个单元格中创建两列,同时保持表的其余部分不变 这是我尝试做的一个例子 这是我桌子上的密码笔: 我曾尝试使用colspan获取它,并在其中添加了两列,但结果总是不均匀的。我也试着加一张桌子,但一点也不好看。有什么想法吗 使用colspan如下: .table{ 宽度:100%; 背景色:#ffffff; 边框:4px实心#9797; } .表td{ 右边框:2个实心#9797; 边框底部:4px实心#9797; 填充:50px; 高度:10px; } .表td:n个子项(3n+0){

我试图在一个
单元格中创建两列,同时保持表的其余部分不变

这是我尝试做的一个例子

这是我桌子上的密码笔:


我曾尝试使用
colspan
获取它,并在其中添加了两列
,但结果总是不均匀的。我也试着加一张桌子,但一点也不好看。有什么想法吗

使用
colspan
如下:

.table{
宽度:100%;
背景色:#ffffff;
边框:4px实心#9797;
}
.表td{
右边框:2个实心#9797;
边框底部:4px实心#9797;
填充:50px;
高度:10px;
}
.表td:n个子项(3n+0){
右边框:4px实心#9797;
}
.表td:最后一个孩子{
边界权:无;
}
.表tr:最后一个孩子td{
边框底部:无;
}


谢谢您的帮助。我知道你是怎么做到的:)非常感谢:)这个问题有很多重复;)