css定义最后一行的样式

html-css024

css定义最后一行的样式,第1张

你说的不使用jquery的话，那么javascript能用的不？

如果js都不能用的话，那么一般css是无法实现这个效果的。

但是css3是可以的，不过只有支持css3的浏览器才支持。

table tr:last-child{......}

你可以用这个选择来选择最后一行。

但是注意，只有支持css3的浏览器才可以哦！

这是表格最基本的代码，你需要对表格的宽，高重新设置一下就好了

注意：设置表格事先需要知道目标表格是几行、几列。

<style>

table{border:1px solid #333width:600px}

table td{border:1px solid #333}

</style>

<table>

<tr>

<td>费用项目</td><td>类别</td><td colspan="2">金额</td><td rowspan="2">负责人（签章）</td><td rowspan="2">0</td>

</tr>

<tr>

<td>0</td><td>0</td><td colspan="2">0</td>

</tr>

<tr>

<td>0</td><td>0</td><td colspan="2">0</td><td rowspan="2">0</td><td rowspan="2">0</td>

</tr>

<tr>

<td>0</td><td>0</td><td colspan="2">0</td>

</tr>

<tr>

<td>0</td><td>0</td><td colspan="2">0</td><td rowspan="2">0</td><td rowspan="2">0</td>

</tr>

<tr>

<td>0</td><td>0</td><td colspan="2">0</td>

</tr>

<tr>

<td>0</td><td>0</td><td colspan="2">0</td><td>0</td><td>0</td>

</tr>

<tr>

<td colspan="6">0</td>

</tr>

<tr>

<td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td>

</tr>

</table>