效果
效果图
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;
}
网友评论