用CSS实现隔列变色的技术

看了zhangjunji111的文章一个用CSS实现隔行变色的技术

想起了自己过去的一篇文章

十个最简单实用的Table设计模板

里面提到了用css+html来实现隔列变色的技术

使用 colgroup 和 col 这两个元素属性来定义不同列的 CSS

 

 

<table>
 
    <!-- Colgroup -->
	   <colgroup>
	      <col class="vzebra-odd">
	      <col class="vzebra-even">
	      <col class="vzebra-odd">
	      <col class="vzebra-even">
	   </colgroup>
 
    <!-- Table header -->
	   <thead>
	      <tr>
	         <th scope="col" id="vzebra-comedy">Employee</th>
	         ...
	      </tr>
	   </thead>
	   ...
</table>