CSS之Table表格隔行换色之简洁版

最新推荐文章于 2024-07-12 18:29:20 发布

相思比梦长

最新推荐文章于 2024-07-12 18:29:20 发布

阅读量2.9k

点赞数 1

分类专栏： WEB前端文章标签： CSS Table 隔行换色

本文链接：https://blog.csdn.net/netuser1937/article/details/54911243

版权

WEB前端专栏收录该内容

114 篇文章 2 订阅

订阅专栏

效果如下：

<!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">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>table表格颜色隔行显示</title>
 <style mce_bogus="1">
	tr{
		background-color:expression('#CC6600,#6699CC'.split(',')[rowIndex%2]);
	}
</style>
 </head>
 <body>
 <table width="100%" border="0">
   <tr>
     <td>表格颜色隔行显示一一一</td>
   </tr>
   <tr>
     <td>表格颜色隔行显示二二二</td>
   </tr>
   <tr>
     <td>表格颜色隔行显示三三三</td>
   </tr>
   <tr>
     <td>表格颜色隔行显示四四四</td>
   </tr>
 </table>
</body>
 </html>