求一段CSS样式代码;要求是Table的标签样式,实现Table标签奇数行显示一个颜色;偶数行显示另外一种颜色
2012-01-30 13:44
716 查看
转载:http://zhidao.baidu.com/question/255951942.html
Test
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <title>Test</title> <style type="text/css"> tr { background:#FF3; } tr:nth-child(2n) { background:#6F9; } tr { background-color: expression((this.sectionRowIndex % 2 == 0) ? "#FF3" : "#6F9" ); } </style> </head> <body> <table> <tr><td>这是奇数行</td></tr> <tr><td>这是偶数行</td></tr> <tr><td>这是奇数行</td></tr> <tr><td>这是偶数行</td></tr> <tr><td>这是奇数行</td></tr> <tr><td>这是偶数行</td></tr> <tr><td>这是奇数行</td></tr> <tr><td>这是偶数行</td></tr> <tr><td>这是奇数行</td></tr> <tr><td>这是偶数行</td></tr> <tr><td>这是奇数行</td></tr> <tr><td>这是偶数行</td></tr> <tr><td>这是奇数行</td></tr> <tr><td>这是偶数行</td></tr> <tr><td>这是奇数行</td></tr> <tr><td>这是偶数行</td></tr> </table> </body> </html>
Test
这是奇数行 |
这是偶数行 |
这是奇数行 |
这是偶数行 |
这是奇数行 |
这是偶数行 |
这是奇数行 |
这是偶数行 |
这是奇数行 |
这是偶数行 |
这是奇数行 |
这是偶数行 |
这是奇数行 |
这是偶数行 |
这是奇数行 |
这是偶数行 |
相关文章推荐
- 代码实现从我的主窗体里打开另外一个应用程序,并且让该程序像自己的MDI子窗体那样在父窗体的范围内显示
- 已知一个整数数组A[n],写出算法实现将奇数元素放在数组的左边,将偶数放在数组的右边。要求时间复杂度为O(n)。
- 样式表达式实现交替显示table行颜色
- li标签实现不同行颜色不一样(奇数行、偶数行)
- 样式表达式实现交替显示table行颜色
- jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
- jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
- python - 列表分组技巧 #写出一段 Python 代码,实现分组一个 list 里面的元素,如 [1,2,3,...100]变成 [[1,2,3],[4,5,6]....]
- 用CSS来定义<p>标签,要求实现以下效果:字体颜色再IE6下为黑色,IE7下为红色,IE8下为绿色,其他浏览器下为黄色。
- Android中使用一个textview实现不同颜色以及内容分割的显示
- 一串首尾相连的珠子(m个),有N种颜色(N《=10),设计一个算法,取出其中一段,要求包含所有N中颜色,并使长度最短。并分析时间复杂度与空间复杂度。
- 用户在文本框中输入需要转换的十进制数,通过点击3个按钮在标签中显示结果。(点击一个实现一个)
- 彩色图像直方图均衡化及颜色直方图显示 opencv实现 完整代码及详细注释
- 输入一个整数数组,实现一个函数来调整该数组中数字的顺序,使得所有的奇数位于数组的前半部分,所有的偶数位于位于数组的后半部分,并保证奇数和奇数,偶数和偶数之间的相对位置不变。
- javascript实现table选中的行以指定颜色高亮显示的方法
- 同一个TextView如何显示不同颜色的文字、字体大小、字体样式
- dialog使用方法(同一页面,调用一个js代码,实现多个不同样式的弹窗)
- js如何实现点击一个按钮显示一个div,然后该div上有一个按钮,点击此按钮后隐藏,隐藏的同时显示另外一个div,而在次弹出的div也有一个按钮,点击后隐藏.
- 写一个MySql存储过程实现房贷等额本息还款计算(另外附javascript代码)
- C语言 程序实现将一个数组所有奇数放在前半部分,偶数位于后半部分