1. 程式人生 > >html中table設定每個單元格的不同顏色和寬度

html中table設定每個單元格的不同顏色和寬度

      建議最好不要在table裡面直接設定寬度,高度等,經常會出現設定的並沒有生效的情況,

而如果是在style裡面新增設定,就不會有問題,程式碼直接拷貝到body中間即可使用。

 <table cellspacing="0" style="color:#FFF; text-align:left; font-size:14px; font-weight:bold; margin-left:220px; width:980px; height:200px;text-align:center">
     <tr >
      <td bgcolor="e91e6f"; style=" width:196px;">01</td>
      <td bgcolor="224071"; style=" width:196px;">02</td>
      <td bgcolor="f12339"; style=" width:196px;">03 </td>
      <td bgcolor="1ea27e"; style=" width:196px;">04</td>
         <td bgcolor="224071"; style=" width:196px;">05</td>       
     </tr>
  <tr>
      <td bgcolor="1ea27e">06</td>
      <td bgcolor="e91e6f">07</td>
         <td bgcolor="224071">08</td> 
      <td bgcolor="f12339">09 </td>
      <td bgcolor="1ea27e">10</td>
      </tr>
  <tr>
      <td bgcolor="e91e6f">11</td>
      <td bgcolor="224071">12</td>
         <td bgcolor="f12339">13</td> 
      <td bgcolor="1ea27e">14 </td>
      <td bgcolor="224071">15</td>
     </tr>
  <tr>
      <td bgcolor="1ea27e">16</td>
      <td bgcolor="e91e6f">17</td>
         <td bgcolor="224071">18</td> 
      <td bgcolor="f12339"></td>
      <td bgcolor="1ea27e"></td>
     </tr>   
 </table>   

效果圖: