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>
No.4ベストアンサー
- 回答日時:
>やはりTDすべてに設定するしか方法は無いのですね
一人で思い込むのはやめましょう。
HTMLタグに属性を付加すればよいだけです。
<head>
<STYLE TYPE="text/css">
<!--
TABLE {
border-collapse : collapse;
}
TH,TD {
border : solid 1px black;
}
-->
</style>
</head>
この回答への補足
失礼しました
<!--
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>
で外枠もきれいになりました
ありがとうございます
<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>
でやってみると
外枠が薄く灰色のように見えますがほぼきたい通りのようです
No.5
- 回答日時:
<style type="text/css">
<!--
td {
border: 1px solid #000000;
padding: 2px;
}
-->
</style>
補足です。
数が多いならやはりスタイルシートを使うべきですね。
ラクに全てのtdにスタイルを適用させるなら
ページの<HEAD></HEAD>の間に(titleの下あたり)
上の様に書き込めば
ページで使われている全てのTableの中のtdに反映されます。
外枠だけ欲しいのなら
tdではなくtableに指定すれば良いです。
たくさんのページで同じ様に反映させたいなら外部ファイルにする、
という方法もあります。
HTMLでの記述は、borderとか何も指示せず。
外観は、No2で紹介したものと大差無いと思うのですが?
ありがとうございます
この方法でやってみましたが
線は細くなるものの長方形を並べたような表になります
桝目にならずに正方形の間に隙間ができています
面白い形なので他の用途に使えると思いますが
No.3
- 回答日時:
No.1です。
>1セルづつ設定しなければならないのは大変ですね
CSSも何種類かの書き方があり、classやidをうまく使えば、書く量を減らすことはできます。
>ともかく設定してみたのですが太線枠になり
>スマートな通常の1線にはなりません
border:
を使うと、セルの上下左右すべてに枠線を引いてしまうので、太くなってしまいます。
border-right:
や
border-bottom:
などをうまく使うことにより、細い線も書けます。
No.1
- 回答日時:
<table border=1>
を使うのではなく、cssを使えば良いと思います。
例えば、<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 …
この回答への補足
ありがとうございます
1セルづつ設定しなければならないのは大変ですね
ともかく設定してみたのですが太線枠になり
スマートな通常の1線にはなりません
これが限界でしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
tableにul,または,olを入れられ...
-
テーブルの行を折りたたみたい...
-
テーブルの任意の列を非表示に...
-
テーブルのヘッダとボディの幅...
-
テーブルタグの横に文章が入ら...
-
TRタグの余白をcssで設定するには
-
テーブルのレイアウトがおかし...
-
中に<table></table>が使えるア...
-
テーブルのセルに画像をピッタ...
-
逆L字の表(table)組み
-
テーブルの表示がずれます
-
スタイルシートで colspan=3と...
-
nowrapを指定しても改行される...
-
テーブルの行の高さを指定する...
-
文字列が入っているtdを削除せ...
-
テーブルタグの中に<ol><li>を...
-
HTMLで外部ファイルの読み込み
-
cssで、表示されるテキストによ...
-
チェックボックスが複数チェッ...
-
tableでcolspanを使うと次行以...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
TRタグの余白をcssで設定するには
-
テーブルのヘッダとボディの幅...
-
テーブルの任意の列を非表示に...
-
cssで、表示されるテキストによ...
-
ホームページ 表の上の余白を...
-
tableでcolspanを使うと次行以...
-
中に<table></table>が使えるア...
-
html・cssで日付をキレイに揃え...
-
テーブルの行の高さを指定する...
-
テーブルタグのセルの幅の一部...
-
文字列が入っているtdを削除せ...
-
逆L字の表(table)組み
-
テーブルのセルに画像をピッタ...
-
EXCELのセル内にHTMLタグを含む...
-
テーブルタグの中に<ol><li>を...
-
HTML <td></td>タグ セル内余...
-
テーブルの表示がずれます
-
テーブルの装飾
おすすめ情報