--.--
--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

05.05
Fri
・テーブルをつかう


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



前回は、枠に色をつける方法を学びました。
今回は、枠に別々に色をつける方法を学んでいきましょう。


今回は、「bordercolordark」「bordercolorlight」属性をつかいます。
これで暗い部分・明るい部分にわけて色付けができるのです。


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


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

table」に
bordercolordark」を設定:




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




(「<table border="3" bordercolordark="red" bordercolorlight="#ff9900">
<tr><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力)
(「tr」に設定した例:



(「<table border="3">
<tr bordercolordark="003300"
bordercolorlight="#009900"><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力)
td」に設定した例:


(「<table border="3">
<tr><td bordercolordark="#333399"
bordercolorlight="#33ff99">●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力)



このように暗い部分と明るい部分に色をわけてつけていくことができました。
bordercolordark」だけを設定すると、けっこうカッコイイですね。
関連記事
スポンサーサイト

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

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

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。