利用了CSS2 的 相邻选择符 IE7以下不支持 隔行换色示例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <head> <title>放弃class与js实现隔行换色效果</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Author" content="PengRong" /> <style type="text/css"> <!-- /* PR-CSS */ table {border-collapse:collapse;border:solid #;border-width:1px 0 0 1px;} table td {border:solid #;border-width:0 1px 1px 0;} tr {background:#eee;} tr + tr {background:#ccc;} tr + tr + tr {background:#eee;} tr + tr + tr + tr {background:#ccc;} tr + tr + tr + tr + tr {background:#eee;} --> </style> </head> <body> <table> <tr> <td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td> </tr> </table> </body> </html> 隔列换色示例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <head> <title>放弃class与js实现隔列换色效果</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Author" content="PengRong" /> <style type="text/css"> <!-- /* PR-CSS */ table {border-collapse:collapse;border:solid #;border-width:1px 0 0 1px;} table td {border:solid #;border-width:0 1px 1px 0;} td {background:#eee;} td + td {background:#ccc;} td + td + td {background:#eee;} td + td + td + td {background:#ccc;} td + td + td + td + td {background:#eee;} --> </style> </head> <body> <table> <tr> <td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td> </tr> </table> </body> </html>
推荐整理分享CSS2实现的隔行换色(css设置表格隔行换色),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:css 间隔,css两行,css实现隔行变色,怎么实现css隔离,css 间隔,css表格隔行填充颜色怎么弄,css实现隔行变色,css隔行换色,内容如对您有帮助,希望把文章链接给更多的朋友!
CSS中几种常见的注释 1、选择器(childselector)如果你想在IE中隐藏一个CSS定义,可以使用子选择器。css部分:htmlbodyp{/*declarations*/}2、通配符(*)这种写法只有IE浏览器可以理解
dhtml shtml xhtml的区别解析 dhtml:确切地说,DHTML只是一种制作网页的概念,实际上没有一个组织或机构推出过所谓的DHTML标准或技术规范之类的。DHTML不是一种技术、标准或规范,DH
做网页中需要掌握的八个CSS布局技巧 1.若有疑问立即检测在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用,请见