从表格边框、棋盘HTML中排除行

我试图用表格创建一个棋盘（HTML/CSS）。我在桌子的边框上遇到了麻烦。我只希望董事会有一个边框，行号和列字母除外

我该怎么做

表格{
边框底部：实心2px；
左边框：实心2px；
右边框：实心2px；
边框顶部：实心2px；
边界塌陷：塌陷；
}
tr{
文本对齐：居中；
}
.黑广场{
背景色：黑色；
宽度：50px；
高度：50px；
}
.白色广场{
背景色：白色；
宽度：50px；
高度：50px；
}

A.
B
C
D
E
F
G
H
8.
8.
7.
7.
6.
6.
5.
5.
4.
4.
3.
3.
2.
2.
1.
1.
A.
B
C
D
E
F
G
H

我认为最简单的方法是你可以给border:1px solid#000；将

.white square

和

black square

从

高度和
宽度减少
1px


首先，在你的代码中，你的坐标和棋盘之间有一个游离的
，所以一定要把它去掉

您可以堆叠伪选择器以仅针对所需的
td
s

我们希望在顶部坐标下有一个边界。即，第一行的
td
s，第一行和最后一行除外。这方面的css规则是：

tr:first-child td:not(:last-child):not(:first-child){
    border-bottom: 5px solid red;
} 

颜色的选择使我们的目标明确

通过使用三个类似的选择器，我们可以针对电路板的四个边框


表格{
边框底部：实心2px；
左边框：实心2px；
右边框：实心2px；
边框顶部：实心2px；
边界塌陷：塌陷；
}
tr{
文本对齐：居中；
}
.黑广场{
背景色：黑色；
宽度：50px；
高度：50px；
}
.白色广场{
背景色：白色；
宽度：50px；
高度：50px；
}
tr:first child td:not（：last child）：not（：first child）{
边框底部：5px纯红；
} 
tr:last child td:not（：last child）：not（：first child）{
边框顶部：5px纯色紫红色；
} 
tr:not（：first child）：not（：last child）td:first child{
右边框：5px固体石灰；
}
tr:not（：first child）：not（：last child）td:last child{
左边框：5px实心橙色；
}

A.
B
C
D
E
F
G
H
8.
8.
7.
7.
6.
6.
5.
5.
4.
4.
3.
3.
2.
2.
1.
1.
A.
B
C
D
E
F
G
H
@Isaac这有帮助吗？
tr:first-child td:not(:last-child):not(:first-child){
    border-bottom: 5px solid red;
}