表格隔行换色 css expression

2020-10-23 18:54:21

字体：大中小

来源：转载

供稿：网友

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

<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需再刷新一下页面才能执行]

上一篇：CSS圆角区块容器生成器

下一篇：CSS反转字符加密邮箱地址