テーブルをふちどる線

Question

ホームページ制作初心者のものです。
Dreamweaver４でＨＰを作ろうと思い、様々なページを見ながら勉強中の者です。
最近よく見かけるのですが、テーブルで組んだと思われる枠に色のついた細い線を使ったものが多くみられるのですが、あれはどのようにしているのでしょうか？？
テーブルの枠線といったら、あのグレーの物しかできないものと思っていたのですが．．．。
自分なりに考えて、テーブルの入れ子を駆使しして作ることはできたのですが、どうやら違ったやり方があるような気がします。
もしかして、とっても簡単なことなのかもしれませんが、ご存知の方、どうかお教えください。
Dreamweaverでできるのでしょうか？

liq · Accepted Answer

「枠に色のついた細い線を使ったもの」というのが立体感のない枠線のことでしたら、「入れ子を駆使した」やり方が正攻法です。外側のテーブルのbgcolorを枠線にしたい色にし、内側のテーブルでcellspacingで枠線の太さ、セルの背景色はでbgcolorを指定します。bgcolordで色をつけないと背景が透けてみえるtableの性質を利用し、枠線は下の色を見せているわけです。 **例**

セル１	セル２
セル３	セル４

uduki4 · Answer

Dreamweaverで出来ます。まずは見本を見てください。と言っても、HTML文章を書くだけですが、無題ドキュメント

上に書いたものが「Dreamweaver」で簡単なテーブルを作ってしたものです。上にあるものを「Dreamweaver」上で開いてみてください。それでは解説を。解説 1).　まず、テーブルを作ります。「オブジェクトウィンドウ」→「一般」→「テーブルの挿入」をクリックして、テーブルを作ります。 2).　次に、テーブルの設定をします。「行数」（縦の枠数）と「列数」（横の枠数）を決め、「セル内余白」と「セル内間隔」は「0」にして、「幅」を、設定します。その後、「ボーダー」と有りますが、これがテーブルの枠線の元です。それを、決めた後、「OK」をクリックします。 3).　次に、そのテーブルが選ばれた状態にします。普通、2).の状態からそのまま来た場合は、そのままで、別の場所をクリックしてはなれたら、テーブルの縁の部分をクリックしてから「プロパティウィンドウ」で、「テーブル」となっているはずですから、空白になっている高さを入れます。（これは後ででも出来ます。）それから、「プロパティウィンドウ」の下の方に「ボーダーカラー」と言うのが有りますから、その横の白い箱になっている(左下の方に黒い▼がついている）部分をクリックして、「ボーダーカラー」を選びます。そうすると、縁になりました。ちなみに、上のものをHTMLで表示すると分りますが、外側にあるテーブルが、黒で、内側にあるテーブルが赤となっています。それぞれに、「ボーダー」の幅を変えて見ましたが、どうですか。まだ分らない事があれば、補足でもいいですから書いてください。私の知っている「Dreamweaver」のテクニックなら教えてあげましょう。では、いいホームページが出来上がります様に。以上

void2000 · Answer

スタイルシートを使うと簡単です。下のタグをの直後あたりに入れておきます。そのあと普通にtableを使って、border=0 にしておけば細い赤線で枠ができます。 1pt 1pt 1pt 1pt のところにいろいろの数値を入れますと、影のようになって、立体的に見えたりします。お試しください。わたしのブラウザはＩＥは５．５でＮＮは６．２２です。両方ともうまくできます。

liq · Answer

No.2につけたし例の終わりの二行がぬけていました **例はじめ**

セル１	セル２
セル３	セル４

**例おわり**

noname#3546 · Answer

テーブル・タグに、以下の属性を記入すれば可能。

bordercolor="color"枠線の色を指定します。
bordercolordark="color"立体的な枠線の暗い部分の色を指定します。
bordercolorlight="color"立体的な枠線の明るい部分の色を指定します。

Le-Livre · Answer

私自身Dreamweaverは持っていないのですが、おそらく、作ったページのソースをみたり、そこに直接書き込んだりすることが出来ると思います。（できなかったら、ごめんなさい）ソースを出したら、はじめの方にというタグがあるはずです。その中で、テーブルを作りたいところにタグを挿入します。下の見本は青を貴重とした陰影のあるものになっています。「BORDER」のところでテーブルの枠線の太さを「CELLPADDING」のところでテーブル内のスペースを「BORDERCOLORLIGHT」のところで左と上の枠の色を「BORDERCOLORDARK」のところで右と下の枠の色を指定することができます。 ○○○ ○○○○…

○○名

◆◆日時

△△時間

◎◎項目

□□の方法

○○○

◆◆◆

△△△

◎◎◎

□□□

○○○○… 分からないことがありましたら、補足してください。

amagurichan · Answer

スタイルシートを使ってできます。
Dreamweaverは使ったこと無いのでわかりませんが、
スタイルシートの設定はできるはず…

参考URLを見てくださいね。詳しく説明されています。
ソースをコピーして改造するのも手ですよね？

参考URL：http://www3.ocn.ne.jp/~maruno/style_twak.htm

テーブルをふちどる線

「枠に色のついた細い線を使ったもの」というのが立体感のない枠線のことでしたら、「入れ子を駆使した」やり方が正攻法です。

Dreamweaverで出来ます。

スタイルシートを使うと簡単です。

No.2につけたし

テーブル・タグに、以下の属性を記入すれば可能。

私自身Dreamweaverは持っていないのですが、おそらく、作ったページのソースをみたり、そこに直接書き込んだりすることが出来ると思います。

スタイルシートを使ってできます。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング