表格隔行换色 css expression

更新时间：2006年07月24日 00:00:00 作者：

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

<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中的浏览器兼容性问题及解决方案
2013-11-11
CSS布局入门
CSS布局入门...
2006-08-08
认识CSS中absolute与relative
认识CSS中absolute与relative...
2006-09-09
元素水平居中方案全集
元素水平居中方案全集...
2006-09-09
如何学习html的各种标签
这篇文章主要介绍了如何学习html的各种标签,文中示例代码介绍的非常详细.正在上学的同学和工作的朋友有很大的参考价值,要的朋友可以参考下
2021-04-04
如何在CSS中绘制曲线图形及展示动画
CSS本身一直在快速发展更新，标准也与时俱进，各种新特性层出不穷，为了能够使用 CSS 来创造各种布局实现各种形状，除了合理运用及搭配各个属性之外，去理解压榨每个属性的每个细节点也是非常重要的。本文将介绍一种在 CSS 中借助三角函数绘制曲线图形的小技巧。
2021-05-05
不用float实现模块居中布局
不用float实现模块居中布局...
2006-09-09
巧用CSS滤镜做图案文字
巧用CSS滤镜做图案文字...
2006-08-08
让comment标记在各浏览器都能通用
让comment标记在各浏览器都能通用...
2006-09-09
一个导航条布局的简单写法
[红色]一个导航条布局的简单写法...
2006-09-09