论坛首页 Web前端技术论坛

用CSS实现隔列变色的技术

浏览 2440 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-01-31   最后修改:2010-01-31
CSS

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

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

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

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

使用 colgroupcol 这两个元素属性来定义不同列的 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>

 

 

 

 

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics