ホームページ > 記事 > ウェブフロントエンド > HTML の表のセルごとに異なる色と幅を設定する例
幅や高さなどは表に直接設定しないほうが良いです。スタイルに設定を追加すると、本文の途中に直接コピーして使用できます。以下に例を示しますので、参照してください。
テーブルに幅や高さなどを直接設定しないことをお勧めします
また、スタイルに設定を追加しても問題ありません。ボディの中央に直接コピーして使用します。
コードは次のとおりです:
<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の表の各セルに異なる色と幅を設定するその他の例については、PHP中国語Webサイトの関連記事に注目してください。