表格隔行换色 css expression - 快车库

表格隔行换色 css expression

473 查看

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

<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<title>表格CSS测试</title>
<style type="text/css">

</style>

<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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

比较强的css

<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<title>表格CSS测试</title>
<style type="text/css">

</style>

<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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

最近更新的内容

CSS Gradient详解
JS核心系列：浅谈 call apply 与 bind
JS核心系列：浅谈原型对象和原型链
利用bootstrap的modal组件自定义alert，confirm和modal对话框
前端工程师是怎样一种职业
详解Javascript中的Object对象
JavaScript 开发最佳实践
谈笑风生组件化
彻底理解js中this的指向
javascript 作用域和 this 关键字

你可能感兴趣的文章

6本值得一读的JavaScript英文电子书
在JavaScript中一切都是对象吗？
使用 SVG 输出 Octicon
如何压缩 HTTP 请求正文
谈谈 HTTP/2 的协议协商机制
console对象–详解
HTTP 412 错误 – 先决条件失败 (Precondition failed)
CSS vs JS动画：谁更快？
调试时屏蔽JavaScript库代码 –Chrome DevTools Blackbox功能介绍
Web开发者色彩搭配快速指南

2024 - 快车库 - 我的知识库重庆启连科技有限公司渝ICP备16002641号-10
企客连连表单助手企服开发榜单123

渝公网安备 50010702501581号