Javascript 如何在html表中应用内边框

我有html表格，我想单击每个单元格并将其类更改为

门诊

td, th {
    border: 5px ;
    cursor: pointer;
    padding: 2.5px;*/
    position: relative;
}

当我尝试这门课时，结果如下

看起来边界并没有塌陷，有些细胞变形了

我猜它一定是在细胞的内部

我怎样才能修好它

---

谢谢

您可以设置为

td，th

样式

框大小：边框框

，它将使边框位于内部宽度，而不是外部宽度。据我所知，这正是您需要的

为单元格设置5px边框并立即进行测试

td，th{
边框：5px实心透明；
}

我希望你会同意。谢谢

$（函数（）{
$（“td”）。单击（函数（）{
$（this.addClass（“门诊”）；
});
});
td，th{
边框：1px实心#ccc；
光标：指针；
填充物：2.5px；
位置：相对位置；
文本对齐：居中；
框大小：边框框；
}
.门诊{
背景色：rgb（0255,0）；
外形：3px实心#546565；
轮廓偏移量：-4px；
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18

.outpatient {
    background-color: rgb(0,255,0);
    border: 5px solid aqua;

}