GAZOO.comの使い方

【ブログ技vol.4】〜表に背景色をつけてみよう!!〜

みなさん、こんにちは。GAZOO.com編集部です（*'‐'*)
今回も、ブログ技を紹介したいと思います!!

 

前回、ブログへの「表の書き方」をご紹介しましたが、
今回は、「表に背景色をつける方法」を紹介したいと思います♪

表に背景色をつけるには、前回と同じく、<HTMLタグ>を使って色を指定します。

■文字の色を指定する
<table bgcolor="★">〜</table>
<tr bgcolor="★">〜</tr>
<td bgcolor="★">〜</td>
で文字の色がつけられます。

★には、「#」で始まる6桁のカラーコードか、
redやwhiteなどのカラーネームを入力して色を指定します。
詳細についてはカラーチャートのページをご覧ください。

では、試しに色をつけてみましょう。

�@<table>タグに指定した場合は、表全体に色がつきます。

【HTMLソース】		【ブラウザ表示】
<table bgcolor="#ff0000"> <tr> <td>A1</td> <td>A2</td> </tr> <tr> <td>B1</td> <td>B2</td> </tr> </table>		A1 A2 B1 B2

�A<tr>タグに指定した場合は、その横１列（行）に色がつきます。

【HTMLソース】		【ブラウザ表示】
<table> <tr bgcolor="#ff0000"> <td>A1</td> <td>A2</td> </tr> <tr> <td>B1</td> <td>B2</td> </tr> </table>		A1 A2 B1 B2

�B<td>タグに指定した場合は、そのセルに色がつきます。

【HTMLソース】		【ブラウザ表示】
<table> <tr> <td bgcolor="#ff0000">A1</td> <td>A2</td> </tr> <tr> <td>B1</td> <td>B2</td> </tr> </table>		A1 A2 B1 B2

さて、いかがでしたか？
これからもどんどんHTMLをつかったブログ技を紹介していきます♪
是非是非、試してみてくださいね(*^▽^*)/