多彩表格

表格的基本格式和css样式

 <colgroup>
            <col class="style1">
            <col class="style2">
            <col class="style3">
            <col class="style4">
            <col class="style5">
            <col class="style6">
            <col class="style7">
            <col class="style8">
            <col class="style9">
            <col class="style10">
            <col class="style11">
            <col class="style12">
         </colgroup>

<tr>
          <th>排名</th>
          <th>校名</th>
          <th>总得分</th>
          <th>人才培养总得分</th>
          <th>研究生培养总得分</th>
          <th>本科生培养总得分</th>
          <th>科学研究总得分</th>
          <th>自然科学研究得分</th>
          <th>社会科学研究得分</th>
          <th>所属省份</th>
          <th>分省排名</th>
          <th>学校类型</th>
      </tr>

 <tr>
          <td>2 </td>
          <td>北京大学</td>
          <td>222.02</td>
          <td>102.11</td>
          <td>66.08</td>
          <td>36.03</td>
          <td>119.91</td>
          <td>86.78</td>
          <td>33.13</td>
          <td>京</td>
          <td>2</td>
          <td>综合</td>
      </tr>
      ...

th{border: solid 1px #cad9ea; overflow: auto; word-wrap: normal;}
    td{border: solid 1px#cad9ea; overflow: auto;  word-wrap: normal; }
    .style1{background: turquoise;} .style2{background: violet; } .style3{background:white ;
    } .style4{background:yellow ;} .style5{background:yellowgreen ;}.style7{background: steelblue;}
    .style8{background: tomato;}.style9{background: cadetblue;}.style10{background: cornflowerblue;}
    .style11{background: darkred;}.style12{background: darkslateblue;}