初心者必見！お小遣い稼ぎ完全マニュアル

【お小遣い稼ぎ完全マニュアル】では、インターネットを使ってお小遣い・副収入を稼ぐ方法を紹介します。もちろん無料で始められるので初心者でも安心！みんなでお小遣い・副収入をGETしましょう！

TOP > > 表を作る！応用編①　枠線の太さTOP > HP(ブログ)をカスタマイズする！ > 表を作る！応用編①　枠線の太さ

表を作る！応用編①　枠線の太さ

2006/10/18(水)

前回までに、テーブル（表）の基礎と、注意点を説明しました。
これさえしっかりと理解していれば、あとは自分の好きなように表を作れますよ。

今回からは、これをふまえて、テーブルの応用について説明します。
まずは応用の中でも基本的なことから順に説明していきますね。

応用編第1段は、「テーブルの枠線」です。

「テーブルを作ったはいいけど、この立体的な線はどうにかならないの？」
と思ったことのある人～　はい　手挙げて～　（い･･･いない？）

今手を挙げた人のために説明しますよ～

---------------------------
まず、立体的な線について説明します。

枠線の立体感を決めるタグは、border　です。
ただし、<border> </border>ではありませんよ!!

<table border="太さ">～</table>

これで、テーブルの枠線の立体的な太さを指定します。
この「太さ」に数字を入れることによって、枠線の太さを変えることができます。

ちなみにこの太さの数字はピクセル単位ですが、「ピクセルって言われても･･･」という感じですよね？
なので、太さを変える場合は、プレビューなどで確認しながら作業しましょう。
一応、何パターンか立体的な太さを変えたテーブルの例を↓下↓に示しました。参考にしてくださいね。

太さ＝ 3

太さ＝ 1

太さ＝ 0

太さを指定しなければ<TABLE BORDER="1">と同じになりますよ。
---------------------------
次に、枠線の太さについて説明します。
枠線の太さを決めるタグは、border cellspacing　です。

<table border cellspacing="太さ">～</table>

これでテーブルの枠線の太さを指定します。
これも単位はピクセルですよ。

枠線の太さを変えたテーブルの例を↓下↓に示しました。

太さ＝ 3

太さ＝ 1

太さ＝ 0

この太さも、指定しなければ<TABLE BORDER CELLPADING="1">となります。
---------------------------
今回は枠線の太さについて説明しました。
いかがでしょうか？理解できました？

あ、今回説明した2つを組み合わせることもできますよ。
組み合わせる時は、

<table border="太さ" cellspacing="太さ">～</table>

です。
まずは、実際にいろいろ試してみてください。
次回は「枠線の種類」について説明しますね。
---------------------------
ランキング復活しましたぁ～!! テンプレートをいじったら、意外と簡単に設置できました。「ためになった」と思っていただけたら応援よろしくお願いいたします!!