表格隔行换色 css expression

ttx9n · 发表于 2006-7-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> </p>
<table cellspacing="1">
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
</table>
<p> </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需刷新才能执行]

6q8s6p21 · 发表于 2023-4-12 19:02:37

谢谢小Y分享

r8st9 · 发表于 2023-6-7 08:37:20

加快速度很快就撒谎

0y3yp · 发表于 2023-7-27 17:20:19

看看看看看看看看看看看看看看看看看看看看看看看看看看看

uj9lpc · 发表于 2023-8-30 14:08:47

你们谁看了弄洒了可能

0y3yp · 发表于 2023-9-3 08:19:26

借款金额看了就立刻

j__j33p · 发表于 2023-9-6 04:08:39

我要金豆金豆金豆

z835648964 · 发表于 2023-9-11 13:44:34

很不错的源码论坛

黑白键 · 发表于 2023-11-12 20:26:33

还可以不错

q215357618 · 发表于 2024-6-23 18:13:59

1312315458748777

账号		自动登录	找回密码
密码			立即注册

[CSS/HTML] 表格隔行换色 css expression

相关帖子