 |
|
 |
您现在的位置： 精品下载 >> 开发 >> 网站开发 >> CSS技术 >> 文章正文 |  用户登录  新用户注册 |
|
||||
| 利用CSS控制表格的交替颜色 | ||||
| 作者：佚名 文章来源：不详 点击数： 更新时间：2007-12-18 | ||||
<!-- 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> |
网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）