- ベストアンサー
テーブルの枠が2重線になるので
Border=1 にしてみましたが駄目でした テーブル枠を1重線にするにはどうしたらいいのでしょうか? <table border=1 cellspacing=0 cellpadding=0> <caption align=left> <nobr>あいうえおかきくけこ<nobr/> </caption> <tr><td colspan=3>abc</td></tr> <tr><td>A</td><td>B</td><td>C</td></tr> <tr><td>A</td><td>B</td><td>C</td></tr> <tr><td colspan=3 height=15></td></tr> </table>
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
＞やはりTDすべてに設定するしか方法は無いのですね 一人で思い込むのはやめましょう。 HTMLタグに属性を付加すればよいだけです。 <head> <STYLE TYPE="text/css"> <!-- TABLE { border-collapse : collapse; } TH,TD { border : solid 1px black; } --> </style> </head>
その他の回答 (4)
- s-tuki
- ベストアンサー率39% (57/145)
<style type="text/css"> <!-- td { border: 1px solid #000000; padding: 2px; } --> </style> 補足です。 数が多いならやはりスタイルシートを使うべきですね。 ラクに全てのtdにスタイルを適用させるなら ページの<HEAD></HEAD>の間に（titleの下あたり） 上の様に書き込めば ページで使われている全てのTableの中のtdに反映されます。 外枠だけ欲しいのなら tdではなくtableに指定すれば良いです。 たくさんのページで同じ様に反映させたいなら外部ファイルにする、 という方法もあります。 HTMLでの記述は、borderとか何も指示せず。 外観は、No2で紹介したものと大差無いと思うのですが？
お礼
ありがとうございます この方法でやってみましたが 線は細くなるものの長方形を並べたような表になります 桝目にならずに正方形の間に隙間ができています 面白い形なので他の用途に使えると思いますが
- elmclose
- ベストアンサー率31% (353/1104)
No.1です。 ＞１セルづつ設定しなければならないのは大変ですね CSSも何種類かの書き方があり、classやidをうまく使えば、書く量を減らすことはできます。 ＞ともかく設定してみたのですが太線枠になり ＞スマートな通常の1線にはなりません border: を使うと、セルの上下左右すべてに枠線を引いてしまうので、太くなってしまいます。 border-right: や border-bottom: などをうまく使うことにより、細い線も書けます。
お礼
ありがとうございます すこし工夫が必要ですね
- s-tuki
- ベストアンサー率39% (57/145)
No1さんのご紹介の方法が最も一般的で適切だと思いますが、 CSSを使わないとしたら、こんな方法もあります。 <table width="300" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF">内容</td> </tr> </table>
お礼
ありがとうございます 太線にならずに通常の線で桝目ができました やはりTDすべてに設定するしか方法は無いのですね
- elmclose
- ベストアンサー率31% (353/1104)
<table border=1> を使うのではなく、ｃｓｓを使えば良いと思います。 例えば、<td>で、 <td style="border: solid 1px #000;">＊＊＊</td> などと書いてみたらどうでしょうか。 下のリファレンスも参考にしてください。 http://hp.vector.co.jp/authors/VA013937/cssref/border.html
補足
ありがとうございます １セルづつ設定しなければならないのは大変ですね ともかく設定してみたのですが太線枠になり スマートな通常の1線にはなりません これが限界でしょうか?
お礼
ありがとうございます <head> <STYLE TYPE="text/css"> <!-- TABLE { border-collapse : collapse; } TH,TD { border : solid 1px black; } --> </style> </head> <table border=1> <caption align=left> <nobr>あいうえおかきくけこ<nobr/> </caption> <tr ><td colspan=3>abc</td></tr> <tr ><td>A</td><td>B</td><td>C</td></tr> <tr ><td>A</td><td>B</td><td>C</td></tr> <tr ><td>A</td><td>B</td><td>C</td></tr> <tr ><td colspan=3 height=15></td></tr> </table> でやってみると 外枠が薄く灰色のように見えますがほぼきたい通りのようです
補足
失礼しました <!-- TABLE { border-collapse : collapse; } TH,TD { border : solid 1px black; } --> </style> </head> <table> <caption align=left> <nobr>あいうえおかきくけこ<nobr/> </caption> <tr ><td colspan=3>abc</td></tr> <tr ><td>A</td><td>B</td><td>C</td></tr> <tr ><td>A</td><td>B</td><td>C</td></tr> <tr ><td>A</td><td>B</td><td>C</td></tr> <tr ><td colspan=3 height=15></td></tr> </table> で外枠もきれいになりました