如何将定义添加到HTML表格中的单元格边界？

Question

下表：

<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> 

...看起来我希望它在的jsfiddle（http://jsfiddle.net/clayshannon/9AX8H/），但代码项目上已经失去了它的单元格格式（http://www.codeproject.com/Tips/711127/Swapping-Out-Concrete-Implementations-of-Interface）

我必须做什么给力细胞边界是可见的？

Answer 1

你可能想用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; 
}