December 28, 2005
テーマ： ホームページ作成の悩み(545)
カテゴリ： ホームページ作成教室
なんやかんやでついに「その10」を迎えました「HTML教えます」
最近よく「日記リンク」してくださるお客様が増えてきまして、ありがたい限りです 「゜
テーマを決めるのが難しいときがありますので、良かったら日記リンクしてくださってる方、そうでない方もHTML文章やデザインの質問がありましたら、私なりの答えとしての日記を書かさせていただきますので、BBSまで質問等をお願いします
と、言うことで本日のテーマは前回に少し関連して「 表の枠について 」でやってみたいと思います！
まず、前回の最後で紹介した例をもう一度紹介↓
これをちょこっと変えてみます
どこが変わったか分かるでしょうか？
そう！<bgcoloer>を <bordercolor> に変えたのです。
このタグは前回で説明したように、<bgcolor>が表全体を色付けするのに対し、表の枠だけを色づけします
でわ、なぜその表の枠とセルの間に透明な空間があるのでしょうか？
それは前回少し説明しました <cellspacing> タグのためです
上の例ではこの <cellspacing> は指定していませんが、自動的に少し間隔が挿入されています！
そこで、この <cellspacing> を０にしてやります
こうすると、表の枠を自由に色づけできます
このタグの組み合わせを使えば、表の枠を色づけして、それ以外のセルは透明色（背景と同じ色）にすることが可能です！
今回も基礎基礎でしたが、以上です！
最近よく「日記リンク」してくださるお客様が増えてきまして、ありがたい限りです 「゜
テーマを決めるのが難しいときがありますので、良かったら日記リンクしてくださってる方、そうでない方もHTML文章やデザインの質問がありましたら、私なりの答えとしての日記を書かさせていただきますので、BBSまで質問等をお願いします
と、言うことで本日のテーマは前回に少し関連して「 表の枠について 」でやってみたいと思います！
まず、前回の最後で紹介した例をもう一度紹介↓
HTML
<table border="1" bgcolor="#0000ff"
>
<tr bgcolor="#ff0000" ><td>A</td><td>B</td></tr>
<tr><td bgcolor="#ffff00" >C</td><td bgcolor="#008000" >D</td></tr>
</table>
<tr bgcolor="#ff0000" ><td>A</td><td>B</td></tr>
<tr><td bgcolor="#ffff00" >C</td><td bgcolor="#008000" >D</td></tr>
</table>
表示
| A | B |
|---|---|
| C | D |
これをちょこっと変えてみます
HTML
<table border="1" bordercolor="#0000ff"
>
<tr bgcolor="#ff0000"><td>A</td><td>B</td></tr>
<tr><td bgcolor="#ffff00">C</td><td bgcolor="#008000">D</td></tr>
</table>
<tr bgcolor="#ff0000"><td>A</td><td>B</td></tr>
<tr><td bgcolor="#ffff00">C</td><td bgcolor="#008000">D</td></tr>
</table>
表示
| A | B |
|---|---|
| C | D |
どこが変わったか分かるでしょうか？
そう！<bgcoloer>を <bordercolor> に変えたのです。
このタグは前回で説明したように、<bgcolor>が表全体を色付けするのに対し、表の枠だけを色づけします
でわ、なぜその表の枠とセルの間に透明な空間があるのでしょうか？
それは前回少し説明しました <cellspacing> タグのためです
上の例ではこの <cellspacing> は指定していませんが、自動的に少し間隔が挿入されています！
そこで、この <cellspacing> を０にしてやります
HTML
<table border="1" bordercolor="#0000ff" cellspacing="0"
>
<tr bgcolor="#ff0000"><td>A</td><td>B</td></tr>
<tr><td bgcolor="#ffff00">C</td><td bgcolor="#008000">D</td></tr>
</table>
<tr bgcolor="#ff0000"><td>A</td><td>B</td></tr>
<tr><td bgcolor="#ffff00">C</td><td bgcolor="#008000">D</td></tr>
</table>
表示
| A | B |
|---|---|
| C | D |
こうすると、表の枠を自由に色づけできます
このタグの組み合わせを使えば、表の枠を色づけして、それ以外のセルは透明色（背景と同じ色）にすることが可能です！
HTML
<table border="1" bordercolor="#0000ff" cellspacing="0"
>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>
<tr><td>A</td><td>B</td></tr>
<tr><td>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.
