如何向HTML表格中的单元格边框添加定义？

此表：

<table border="1">
<tbody><tr>
<td></td>
<td>Grokkability</td>
<td>PIA Factor*</td>
<td>FancyPantsiness</td>
</tr>
<tr>
<td>XML</td>
<td>10</td>
<td>8</td>
<td>2</td>
</tr>
<tr>
<td>Code</td>
<td>10</td>
<td>5</td>
<td>4</td>
</tr>
<tr>
<td>Auto-Wiring</td>
<td>2</td>
<td>2</td>
<td>10</td>
</tr>
</tbody></table>

可探索性
PIA因子*
幻想
XML
10
8.
2.
代码
10
5.
4.
自动布线
2.
2.
10

…在jsfiddle（）上看起来和我希望的一样，但在代码项目上它已丢失其单元格格式（）

---

我必须怎么做才能使单元格边界可见？

您可能想使用css

<table class="border">
<tbody><tr>
<th></th>
<th>Grokkability</th>
<th>PIA Factor*</th>
<th>FancyPantsiness</th>
</tr>
<tr>
<th>XML</th>
<td>10</td>
<td>8</td>
<td>2</td>
</tr>
<tr>
<th>Code</th>
<td>10</td>
<td>5</td>
<td>4</td>
</tr>
<tr>
<th>Auto-Wiring</th>
<td>2</td>
<td>2</td>
<td>10</td>
</tr>
</tbody></table>

Your css

.border {
    border: solid 1pt;
    border-collapse:collapse;
}

.border th{
border: 1px solid #000000;
    padding: 4px;
    background-color: #34B767;
}

.border td{
border: 1px solid;
    padding: 4px;
}

可探索性
PIA因子*
幻想
XML
10
8.
2.
代码
10
5.
4.
自动布线
2.
2.
10
你的css
.边界{
边框：实心1pt；
边界塌陷：塌陷；
}
.边境{
边框：1px实心#000000；
填充：4px；
背景色：#34B767；
}
.边境运输署{
边框：1px实心；
填充：4px；
}

---

不确定-也许您可以尝试使用内联css？main.min css文件删除边框…它们可能正在使用css重置，您需要覆盖该重置。