FC2ブログ
05.05
Fri
・テーブルをつかう


■テーブルの枠の色を変える



前回は、テーブルの色を変える方法を学びました。
今回は、テーブルの枠に色をつける方法を学んでいきましょう。


枠に色をつけるときは、「bordercolor」属性をつかいます。


この属性は「table」はもちろん、「tr」「td」にも設定できます。


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

table」に色を設定:



(「<table border="1" bordercolor="red">
<tr><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力)
さらに「tr」に色を設定:



(「<table border="1" bordercolor="red">
<tr bordercolor="blue"><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力)
さらに「td」に色を設定:



(「<table border="1" bordercolor="red">
<tr bordercolor="blue"><td>●</td><td>○</td></tr>
<tr><td bordercolor="green">□</td><td>■</td></tr>
</table>」と入力)



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


ここで、枠の幅を変える属性「cellspacing」をつかい、
属性値を「0」にしてみると・・・

table」に色を設定:



(「<table border="1" bordercolor="red" cellspacing="0">
<tr><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力)



枠を塗りつぶすことができました。


次回は、枠部分に色をつける方法の続編です。
関連記事
スポンサーサイト




comment 0 trackback 0
トラックバックURL
http://oyedihawakisi.blog37.fc2.com/tb.php/158-23cb5012
トラックバック
コメント
管理者にだけ表示を許可する
 

 New Favorite blog Entries 最新記事 33サイト掲載中

back-to-top