table隔行换色 css
来源:互联网 发布:知乎周刊怎么订阅 编辑:程序博客网 时间:2024/06/05 15:01
<!--
表格隔行变色CSS 注意不支持W3C的标准
如果是C# 必须删除 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
否则有大部分浏览器可能不支持!!!
-->
<html>
<head>
<style type="text/css">
<!--
tr {background-color:expression((this.sectionRowIndex%2==0)?"#E1F1F1":"#F0F0F0")}
-->
</style>
</HEAD>
<table>
<tr><td>第1行</td><td>第1行</td></tr>
<tr><td>第2行</td><td>第2行</td></tr>
<tr><td>第3行</td><td>第3行</td></tr>
<tr><td>第4行</td><td>第4行</td></tr>
<tr><td>第5行</td><td>第5行</td></tr>
</table>
<!--高级应用 会冲掉上面的样式 注意-->
<style type="text/css">
<!--
tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}
td {background-color:expression((this.cellIndex%2==0)?"":((this.parentElement.sectionRowIndex%2==0)?"green":"yellow"))}
-->
</style>
</HEAD>
<table>
<tr><td>第1行</td><td>第1行</td><td>第1行</td><td>第1行</td><td>第1行</td></tr>
<tr><td>第2行</td><td>第2行</td><td>第2行</td><td>第2行</td><td>第2行</td></tr>
<tr><td>第3行</td><td>第3行</td><td>第3行</td><td>第3行</td><td>第3行</td></tr>
<tr><td>第4行</td><td>第4行</td><td>第4行</td><td>第4行</td><td>第4行</td></tr>
<tr><td>第5行</td><td>第5行</td><td>第5行</td><td>第5行</td><td>第5行</td></tr>
</table>
</html>
- table隔行换色 css
- CSS控制表格Table隔行换色
- table隔行换色
- table隔行换色
- css隔行换色
- CSS隔行换色
- CSS隔行换色
- CSS之Table表格隔行换色之简洁版
- CSS中的隔行换色
- css 表格隔行换色
- CSS之隔行换色
- 基于Table的企业级CSS样式、隔行换色、鼠标移动、单击换色
- Table 隔行换色效果代码
- Dom实现table隔行换色
- 表格(table)隔行换色
- Javascript实现table隔行换色
- angular jQuery css html混合table表格查询 排序 添加 删除 隔行换色
- 表格隔行换色(CSS版)
- 生成1~8位数字,随机位置
- Android平台上无线网卡自动扫描并关联AP的实现
- 新世纪研究生公共英语教材阅读A答案+课文翻译
- 判断文本文件编码的有用工具:juniversalchardet
- 副詞及接续词的归纳总结
- table隔行换色 css
- Eclipse3.4.2下tomcat配置
- ASP.NET手写AJAX
- 信息安全测试
- 与「て」「ない」「た」相关的语法
- 初级连词的类别及用法整理
- 2台mysql实现HA的架构,并同步启用replication模式
- oracle function函数合并相同列为一行
- 如何在IIS6.0上面部署(MVC)程序