227807 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

とある日常

とある日常

テーブルの背景色を変える

■ テーブルの色を変える


テーブルに色をつける
<table bgcolor=" 属性値 ">～</table>
<tr bgcolor=" 属性値 ">～</tr>
<td bgcolor=" 属性値 ">～</td>

「table」「tr」「td」に「bgcolor」を組み合わせることで、背景色を変えることができます。
「table」に組み合わせると、テーブル全体
「tr」に組み合わせると、列全体
「td」に組み合わせると、各マス目ごとに色を変えることができます

属性値には「色の名前」か「ＲＧＢ値」を入れます。


たとえばこの例をみてください。



まずは「table」に色を設定：

●○
□■




<table border="1" bgcolor="#ffcc99">
<tr><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>




さらに「tr」に色を設定：

●○
□■




<table border="1" bgcolor="#ffcc99">
<tr bgcolor="#ff9999"><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>




さらに「td」に色を設定：

●○
□■




<table border="1" bgcolor="#ffcc99">
<tr bgcolor="#ff9999"><td>●</td><td>○</td></tr>
<tr><td bgcolor="#ff9933">□</td><td>■</td></tr>
</table>




このように好きな部分に色をつけていくことができます。

© Rakuten Group, Inc.