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

您可能感兴趣的文章:

CSS2实现的隔行换色
不用javascript实现带序号的表格隔行换色的效果
li隔行换色改进版
jQuery 隔行换色支持键盘上下键，按Enter选定值
表格隔行换色升级版
Js 实现表格隔行换色一例
javascript 隔行换色函数代码
基于Jquery的表格隔行换色，移动换色，点击换色插件
jQuery方法简洁实现隔行换色及toggleClass的使用
使用jquery hover事件实现表格的隔行换色功能示例
原生javascript实现隔行换色

标签：海西泰州攀枝花钦州仙桃沧州吕梁佛山

巨人网络通讯声明：本文标题《表格隔行换色 css expression》，本文关键词表格,隔行,换色,css,expression,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。