表格隔行换色 css expression-巨人网络通讯

主页 > 知识库 > 表格隔行换色 css expression

表格隔行换色 css expression

第一行为其它颜色，这样写这个表达式

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>表格CSS测试</title><style type="text/css"></style></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0"><table cellspacing="1">  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr></table><p>nbsp;</p><table cellspacing="1">  <tr>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>  </tr>  <tr>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>  </tr>  <tr>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>  </tr>  <tr>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>  </tr>  <tr>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>  </tr>  <tr>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>  </tr>  <tr>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>  </tr>  <tr>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>  </tr>  <tr>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>  </tr>  <tr>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>  </tr>  <tr>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>  </tr>  <tr>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>  </tr>  <tr>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>  </tr>  <tr>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>  </tr>  <tr>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>  </tr>  <tr>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>    <td width="50">nbsp;</td>  </tr></table><p>nbsp;</p></body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

比较强的css

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>表格CSS测试</title><style type="text/css"></style></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0"><table cellspacing="1" class="FindAreaTable" ID="DataGrid1">  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr>  <tr>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>    <td>表格测试</td>  </tr></table></body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章: