鍋・フライパンあれこれ美味
100万ポイント山分け!1日5回検索で1ポイントもらえる
>>
人気記事ランキング
ブログを作成
楽天市場
000000
HOME
|
DIARY
|
PROFILE
【フォローする】
【ログイン】
簡単テーブル6
テーブルのつくりかた 6
ゥ
テーブルの枠の色を変える
ゥ
枠に色をつけるときは『bordercolor』を使います。
※この属性は『table』はもちろん、『tr』『td』にも設定できます。
【table に色を設定】
★
☆
◇
◆
<table border="1" bordercolor="66CCFF"><tr><td>★</td><td>☆</td></tr><tr><td>◇</td><td>◆</td></tr></table>
【tr に色を設定】
★
☆
◇
◆
<table border="1" bordercolor="66CCFF"><tr bordercolor="5555FF"><td>★</td><td>☆</td></tr><tr><td>◇</td><td>◆</td></tr></table>
【td に色を設定】
★
☆
◇
◆
<table border="1" bordercolor="66CCFF"><tr bordercolor="5555FF"><td>★</td><td>☆</td></tr><tr><td bordercolor="FFFF66">◇</td><td></td></tr></table>
好きな部分に色をつけていくことができます。
応用で枠の幅を変える属性『cellspacing』を使って、
属性値を「0」にしてみると。。。。
【table に色を設定】
★
☆
◇
◆
<table border="1" bordercolor="66CCFF" cellspacing="0"><tr><td></td><td>☆</td></tr><tr><td>◇</td><td>◆</td></tr></table>
枠を塗りつぶすこともできちゃいます
また、『bordercolordark』『bordercolorlight』を使うと
暗い部分・明るい部分にわけて色付けができます。
【table にbordercolordark を設定】
★
☆
◇
◆
<table border="3" bordercolordark="66CCFF"><tr><td>★</td><td>☆</td></tr><tr><td>◇</td><td>◆</td></tr></table>
【bordercolorlight を設定】
★
☆
◇
◆
<table border="3" bordercolordark="66CCFF" bordercolorlight="#5555FF"><tr><td>★</td><td>☆</td></tr><tr><td></td><td>◆</td></tr></table>
『bordercolordark』だけを設定すると、けっこうカッコイイ
template-
yamato
ジャンル別一覧
出産・子育て
ファッション
美容・コスメ
健康・ダイエット
生活・インテリア
料理・食べ物
ドリンク・お酒
ペット
趣味・ゲーム
映画・TV
音楽
読書・コミック
旅行・海外情報
園芸
スポーツ
アウトドア・釣り
車・バイク
パソコン・家電
そのほか
すべてのジャンル
人気のクチコミテーマ
♪~子供の成長うれしいなぁ~♪
将来スポーツ選手になる子供の育て方…
(2024-11-25 08:28:41)
妊婦さん集まれ~!!
地元 三重県の妊婦様の安産をお祈り…
(2024-11-26 08:58:14)
中学生ママの日記
学年1位の目標達成
(2024-11-27 13:52:11)
© Rakuten Group, Inc.
X
共有
Facebook
Twitter
Google +
LinkedIn
Email
Design
a Mobile Site
スマートフォン版を閲覧
|
PC版を閲覧
人気ブログランキングへ
無料自動相互リンク
にほんブログ村 女磨き
LOHAS風なアイテム・グッズ
みんなが注目のトレンド情報とは・・・?
So-netトレンドブログ
Livedoor Blog a
Livedoor Blog b
Livedoor Blog c
楽天ブログ
JUGEMブログ
Excitブログ
Seesaaブログ
Seesaaブログ
Googleブログ
なにこれオシャレ?トレンドアイテム情報
みんなの通販市場
無料のオファーでコツコツ稼ぐ方法
無料オファーのアフィリエイトで稼げるASP
ホーム
Hsc
人気ブログランキングへ
その他
Share by: