首頁 >web前端 >html教學 >html中table為每個單元格設定不同顏色和寬度的範例

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

高洛峰
高洛峰原創
2017-03-04 15:30:241424瀏覽

最好不要在table裡面直接設定寬度,高度等,在style裡面添加設置,就不會出現無效問題,程式碼直接拷貝到body中間即可使用,下面有個範例,大家可以參考下 建議最好不要在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>


效果圖:

#更多html中table為每個單元格設定不同顏色和寬度的範例相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn