December 28, 2005
テーマ： ホームページ作成の悩み(550)
カテゴリ： ホームページ作成教室
今回も「 表の枠
」について
前回説明したとおり <bordercolor> のタグを使えば、表の枠の色を指定することが出来ます！
勘のいいかたは気づいているでしょうが、これは「表の枠」に限らず、「セルの枠」を色づけすることも可能です！
<tr bordercolor="○○"> と指定すればその列全体のセルの枠が、
<td bordercolor="○○"> と指定すればその指定したセルのみの枠が色づけされます
そして、少し気になった方もいるのではないでしょうか？
<tr bordercolor=" red
実はこういう直接、色の名前を指定する方法もあるのです
" red "
" blue "
" green "
などの一般的な名前はもちろんのこと…
" olive "
" lime
" tan "
" darkolivegreen "
" tomato
" maroon "
などの変わったものもあります
この表記方法は単語を間違えた場合は黒となりますので、もし何か変わった色を使いたいときは、何か変わった単語を入れてみて表記されるか試すのも面白いと思います
また後々、色の記号と名前の一覧表を作りたいと思っていますので、またお願いします
少し話がそれてしまいましたが、上の例のように「セルの枠」を指定することができました
上の例では見やすいように<cellspacig="1">としてやっていますが、こうすると、セルの枠と表の枠との間に無駄な透明の空間が空いてしまうので、実際は<cellspacing="0">にしましょう
今回は色についてもしました
以上です！
解散！！
前回説明したとおり <bordercolor> のタグを使えば、表の枠の色を指定することが出来ます！
勘のいいかたは気づいているでしょうが、これは「表の枠」に限らず、「セルの枠」を色づけすることも可能です！
HTML
<table border="2" bordercolor="blue" cellspacing="1">
<tr bordercolor="red" ><td>A</td><td>B</td></tr>
<tr><td bordercolor="green" >C</td><td>D</td></tr>
</table>
<tr bordercolor="red" ><td>A</td><td>B</td></tr>
<tr><td bordercolor="green" >C</td><td>D</td></tr>
</table>
表示
| A | B |
|---|---|
| C | D |
<tr bordercolor="○○"> と指定すればその列全体のセルの枠が、
<td bordercolor="○○"> と指定すればその指定したセルのみの枠が色づけされます
そして、少し気になった方もいるのではないでしょうか？
<tr bordercolor=" red
実はこういう直接、色の名前を指定する方法もあるのです
" red "
" blue "
" green "
などの一般的な名前はもちろんのこと…
" olive "
" lime
" tan "
" darkolivegreen "
" tomato
" maroon "
などの変わったものもあります
この表記方法は単語を間違えた場合は黒となりますので、もし何か変わった色を使いたいときは、何か変わった単語を入れてみて表記されるか試すのも面白いと思います
また後々、色の記号と名前の一覧表を作りたいと思っていますので、またお願いします
少し話がそれてしまいましたが、上の例のように「セルの枠」を指定することができました
上の例では見やすいように<cellspacig="1">としてやっていますが、こうすると、セルの枠と表の枠との間に無駄な透明の空間が空いてしまうので、実際は<cellspacing="0">にしましょう
HTML
<table border="2" bordercolor="blue" cellspacing="0"
>
<tr bordercolor="red"><td>A</td><td>B</td></tr>
<tr><td bordercolor="green">C</td><td>D</td></tr>
</table>
<tr bordercolor="red"><td>A</td><td>B</td></tr>
<tr><td bordercolor="green">C</td><td>D</td></tr>
</table>
表示
| A | B |
|---|---|
| C | D |
今回は色についてもしました
以上です！
解散！！
お気に入りの記事を「いいね！」で応援しよう
[ホームページ作成教室] カテゴリの最新記事
-
HTML教えます その36 February 12, 2006 コメント(6)
-
HTML教えます その35 February 10, 2006
-
HTML教えます その34 February 7, 2006 コメント(1)
【毎日開催】
15記事にいいね！で1ポイント
PR
Freepage List
HANMANI
あくまでも趣味の範囲で、お家で美味しい珈琲を飲もうと頑張る人を応援するブログサイトです。
Category
© Rakuten Group, Inc.
