3811555 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
全て | カテゴリ未分類 | HTML文字画像リンク | HTMLタグ(テーブル) | HTML(応用編) | 楽天で購入した商品 | スポーツ,アウトドア,車,バイク | 心緒 | インテリア,ライト,収納,ベビー,キッズ | アフィリエイト入門編 | TV・オーディオ・カメラ | 自己管理,美容,インナー | DVD,CD,本,旅,楽器 | 生活,美容,健康,家電 | 金運アップ,風水,自己トレ | ユーザービリティとSEO | 楽天市場のPR | アフィリエイト | 音楽 | 食品,グルメ,飲料 | ダイエット,健康,食品 | 園芸,DIY,ペット,おもちゃゲーム | 日用品雑貨,キッチン用品,寝具 | パソコン・周辺機器 | ファッション,ジュエリー,アクセサリー,靴 | 防災,介護,医療 | ブランド雑貨,時計 | 酒場放浪記 | 天気気象予報 | 気になる動画 | 最近チェックした商品 | 血圧測定 | 気になるニュース | 人生の名言集
2006.07.19
XML
・テーブルをつかう


■ テーブルの枠の色を変える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」だけを設定すると、けっこうカッコイイですね。






[トップページへ戻る][次のページ⇒]






お気に入りの記事を「いいね!」で応援しよう

Last updated  2008.12.21 08:21:37
[HTMLタグ(テーブル)] カテゴリの最新記事



© Rakuten Group, Inc.