效果
效果圖
html
<table border="1" cellspacing="0">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
<td>row 2, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
<td>row 2, cell 2</td>
</tr>
</table>
CSS
// 設置寬高 去除td的邊框
td{
border-top:0;
border-left:0;
height: 200px;
width: 200px;
}
// 去除最后一列的右邊框
tr td:last-child{
border-right: 0;
}
// 去除最后一行的下邊框
table tr:last-child td{
border-bottom: 0;
}
