title: 用CSS怎么做出双色相间表格？ 
desc: 用怎么做出双色相间表格？
answer: 关于双色相间表格. 如果直接用Dreamweaver等工具做的话. 
  要对每一行都进行设置. 如果行数一多话,工作量非常大... 
  所以,结合CSS与JavaScript我们自已定义双色相间表格样式. 
  这样,我们要使用的时候就非常方便啦..只要在整个表格加入一个class就行了. 
  
  <SCRIPT> 
  //定义table的样式, cellSpacing,cellPadding. 
  //用 ws.length得出该表格的行数. 
  //实现奇数列时样式为tdcss1,偶数列为tbcss2. 
  function cooltable(obj) { 
  obj.cellSpacing=0; 
  obj.cellPadding=0; 
  for (i=0;i< ws.length;i++) { 
  if(i%2==0)  ws(i).className = "tdcss1" 
  else  ws(i).className = "tdcss2"; 
  } 
  } 
  </SCRIPT> 
  <!--定义样式--> 
  <STYLE> 
  * {font-size: 10.5pt} 
  .tdcss1 { BACKGROUND-COLOR: #F7F3F7; } 
  .tdcss2 { BACKGROUND-COLOR: #FFF7FF; } 
  .mytbcss {baobao:expression(cooltable(this))} 
  </STYLE> 
  <BODY> 
  <!--定义定义表格样式mytbcss就可以得到一个双色相间表格,再也不用一行一行地定义了.--> 
  <TABLE width=300 border=0 class=mytbcss> 
  <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss1--> 
  <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss2--> 
  <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss1--> 
  <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss2--> 
  <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss1--> 
  <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss2--> 
  <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss1--> 
  </TABLE> 
  </BODY> 
  
  说明: 
  
  .tdcss1 { BACKGROUND-COLOR: #F7F3F7; } 
  .tdcss2 { BACKGROUND-COLOR: #FFF7FF; } 
  .mytbcss {baobao:expression(cooltable(this))} 
  . css2 这两个是定义列的样式. 
  当然,你可以自己做得更酷一些啦.. 
  baobao 是自已定义的属性,你任意取个名字,用你的英文名...因为这是你自己的CSS啊. 
  expression()里面的语句就是JavaScript. 一定很熟悉吧.. 
  cooltable(this)调用了前面我们写的函数. 
  这文章只是expression的一个小应用.看了这文章后,不知道有没有什么启发. 
  用expression给你的网页减吧..让你的网页的代码更精减更模块化..... 
  
  [……] 
  【我试用过后的增补：这个样式是可以使用，但必须保证应用这样式的表格没有任何跨栏、跨列的单元格——也就是没有合并过单元格。一旦有，任何浏览器必死无疑。】 
  