利用CSS控制表格的交替颜色
来源:中国艺术设计联盟 作者:jenty 发布时间:2005-01-01
|
<style type="text/css">
<!-- tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")} --> </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> //myhyli @ blueidea -----------------------------------------------
<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> //myhyli @ blueidea |
本篇编辑:jenty
发表评论 | 查看所有评论
相关链接
链接推广





