你可以给标题所在行单独设置颜色样式。比如(假定标题在第一个tr标签内):
<style>
tr:nth-child(odd) {color:red} //奇数行(从标题行起算,下同)设为红色
tr:nth-child(even) {color:blue} //偶数行设为蓝色
tr:nth-child(1) {color:black} //第一行(标题行)设为黑色
</style>
<table border=1>
<tr><th>这是标题</th></tr>
<tr><td>这是第1行</td></tr>
<tr><td>这是第2行</td></tr>
<tr><td>这是第3行</td></tr>
<tr><td>这是第4行</td></tr>
<tr><td>这是第5行</td></tr>
<tr><td>这是第6行</td></tr>
<tr><td>这是第7行</td></tr>
<tr><td>这是第8行</td></tr>
</table>
<style>
tr:nth-child(odd) {color:red} //奇数行(从标题行起算,下同)设为红色
tr:nth-child(even) {color:blue} //偶数行设为蓝色
tr:nth-child(1) {color:black} //第一行(标题行)设为黑色
</style>
<table border=1>
<tr><th>这是标题</th></tr>
<tr><td>这是第1行</td></tr>
<tr><td>这是第2行</td></tr>
<tr><td>这是第3行</td></tr>
<tr><td>这是第4行</td></tr>
<tr><td>这是第5行</td></tr>
<tr><td>这是第6行</td></tr>
<tr><td>这是第7行</td></tr>
<tr><td>这是第8行</td></tr>
</table>
本文介绍了一种使用CSS选择器为HTML表格中的标题行单独设置颜色的方法。通过使用`:nth-child()`选择器,可以实现标题行与其他行颜色的区分。
3330

被折叠的 条评论
为什么被折叠?



