Border=1 にしてみましたが駄目でしたテーブル枠を1重線にするにはどうしたらいいのでしょうか? あいうえおかきくけこ abc A B C A B C

を使うのではなく、ｃｓｓを使えば良いと思います。例えば、で、＊＊＊などと書いてみたらどうでしょうか。下のリファレンスも参考にしてください。 http://hp.vector.co.jp/authors/VA013937/cssref/border.html 参考URL：http://hp.vector.co.jp/authors/VA013937/cssref/border.html

テーブルの枠が2重線になるので

解決済

質問者：keyguy
質問日時：2004/10/24 01:04
回答数：5件

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件)

No.5

回答者： s-tuki
回答日時：2004/10/24 03:36

<style type="text/css">

</style>

補足です。
数が多いならやはりスタイルシートを使うべきですね。
ラクに全てのtdにスタイルを適用させるなら
ページの<HEAD></HEAD>の間に（titleの下あたり）
上の様に書き込めば
ページで使われている全てのTableの中のtdに反映されます。

外枠だけ欲しいのなら
tdではなくtableに指定すれば良いです。

たくさんのページで同じ様に反映させたいなら外部ファイルにする、
という方法もあります。

HTMLでの記述は、borderとか何も指示せず。

外観は、No2で紹介したものと大差無いと思うのですが？

- 0
- 件

通報する

この回答へのお礼

ありがとうございます
この方法でやってみましたが
線は細くなるものの長方形を並べたような表になります
桝目にならずに正方形の間に隙間ができています
面白い形なので他の用途に使えると思いますが

通報する

お礼日時：2004/10/24 05:52

No.4ベストアンサー

回答者： xjd
回答日時：2004/10/24 03:21

＞やはりTDすべてに設定するしか方法は無いのですね

一人で思い込むのはやめましょう。

HTMLタグに属性を付加すればよいだけです。

<head>
<STYLE TYPE="text/css">

</style>
</head>

この回答への補足

失礼しました


</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>

で外枠もきれいになりました

補足日時：2004/10/24 06:02

通報する

- 0
- 件

通報する

この回答へのお礼

ありがとうございます

<head>
<STYLE TYPE="text/css">

</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>

でやってみると
外枠が薄く灰色のように見えますがほぼきたい通りのようです

通報する

お礼日時：2004/10/24 06:00

No.3

回答者： elmclose
回答日時：2004/10/24 02:30

No.1です。

＞１セルづつ設定しなければならないのは大変ですね
CSSも何種類かの書き方があり、classやidをうまく使えば、書く量を減らすことはできます。

＞ともかく設定してみたのですが太線枠になり
＞スマートな通常の1線にはなりません
border:
を使うと、セルの上下左右すべてに枠線を引いてしまうので、太くなってしまいます。
border-right:
や
border-bottom:
などをうまく使うことにより、細い線も書けます。

- 0
- 件

通報する

この回答へのお礼

ありがとうございます
すこし工夫が必要ですね

通報する

お礼日時：2004/10/24 03:20

No.2

回答者： s-tuki
回答日時：2004/10/24 01:40

No1さんのご紹介の方法が最も一般的で適切だと思いますが、

CSSを使わないとしたら、こんな方法もあります。

<table width="300" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000">
<tr>
<td bgcolor="#FFFFFF">内容</td>
</tr>
</table>

- 0
- 件

通報する

この回答へのお礼

ありがとうございます
太線にならずに通常の線で桝目ができました
やはりTDすべてに設定するしか方法は無いのですね

通報する

お礼日時：2004/10/24 01:50

No.1

回答者： elmclose
回答日時：2004/10/24 01:10

<table border=1>

を使うのではなく、ｃｓｓを使えば良いと思います。

例えば、<td>で、
<td style="border: solid 1px #000;">＊＊＊</td>
などと書いてみたらどうでしょうか。

下のリファレンスも参考にしてください。
http://hp.vector.co.jp/authors/VA013937/cssref/b …

参考URL：http://hp.vector.co.jp/authors/VA013937/cssref/b …