ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML の表のセルごとに異なる色と幅を設定する例

HTML の表のセルごとに異なる色と幅を設定する例

高洛峰
高洛峰オリジナル
2017-03-04 15:30:241422ブラウズ

幅や高さなどは表に直接設定しないほうが良いです。スタイルに設定を追加すると、本文の途中に直接コピーして使用できます。以下に例を示しますので、参照してください。 テーブルに幅や高さなどを直接設定しないことをお勧めします

また、スタイルに設定を追加しても問題ありません。ボディの中央に直接コピーして使用します。

コードは次のとおりです:

<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サイトの関連記事に注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。