表格隔行換色 css expression

2020-10-23 18:54:21

字體：大中小

供稿：網(wǎng)友

第一行為其它顏色，這樣寫這個(gè)表達(dá)式

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>表格CSS測試</title><style type="text/css"></style></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0"><table cellspacing="1">  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr></table><p>&nbsp;</p><table cellspacing="1">  <tr>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>  </tr>  <tr>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>  </tr>  <tr>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>  </tr>  <tr>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>  </tr>  <tr>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>  </tr>  <tr>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>  </tr>  <tr>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>  </tr>  <tr>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>  </tr>  <tr>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>  </tr>  <tr>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>  </tr>  <tr>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>  </tr>  <tr>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>  </tr>  <tr>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>  </tr>  <tr>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>  </tr>  <tr>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>  </tr>  <tr>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>    <td width="50">&nbsp;</td>  </tr></table><p>&nbsp;</p></body></html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

比較強(qiáng)的css

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>表格CSS測試</title><style type="text/css"></style></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0"><table cellspacing="1" class="FindAreaTable" ID="DataGrid1">  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr>  <tr>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>    <td>表格測試</td>  </tr></table></body></html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

上一篇：CSS圓角區(qū)塊容器生成器

下一篇：CSS反轉(zhuǎn)字符加密郵箱地址