No.1ベストアンサー
- 回答日時:
ボーダーを0にするか
あるいはテーブルを入れ子にして枠線風に見せてはどうでしょう
<table border="0" cellpadding="0">
<tr>
<td bgcolor="#FF0000">
<table border="0" cellpadding="5" cellspacing="1">
<tr bgcolor="#FFFFFF">
<td>1</td>
<td>2</td>
</tr>
</table>
</td>
</tr>
</table>
No.3
- 回答日時:
結果は同じですが、#2さんのスタイルはもう少しシンプルに書けます。
また、背景色と線の色のコントラストを弱める(線の色を灰色にするとか)ことで視覚効果としてさらに細く感じさせる事もできるかもしれません。
<style type="text/css">
<!--
.tblbd{
border-collapse:collapse;/* 隣接するborderを重ねる*/
border:#ccc solid 1px;
}
.tblbd td {border:#ccc solid 1px;}
//-->
</style>
<table class="tblbd">
<tr><td>セル1-1</td><td>セル1-2</td><td>セル1-3</td></tr>
<tr><td>セル2-1</td><td>セル2-2</td><td>セル2-3</td></tr>
<tr><td>セル3-1</td><td>セル3-2</td><td>セル3-3</td></tr>
</table>
参考URL:http://www.htmq.com/style/border-collapse.shtml
No.2
- 回答日時:
<TABLE>タグのBorderは1、CellSpacingを0にすると少し細く見えます。
それ以上に細くする場合、スタイルシートを使うしかありません。
例)
<style><!--
.tblbd{border-color:#000000;border-style:solid;border-width:1px 0px 0px 1px;}
.tdbd {border-color:#000000;border-style:solid;border-width:0px 1px 1px 0px;}
//-->
</style>
<table border="0" cellspacing="0" class="tblbd">
<tr><td class="tdbd">セル1-1</td><td class="tdbd">セル1-2</td><td class="tdbd">セル1-3</td></tr>
<tr><td class="tdbd">セル2-1</td><td class="tdbd">セル2-2</td><td class="tdbd">セル2-3</td></tr>
<tr><td class="tdbd">セル3-1</td><td class="tdbd">セル3-2</td><td class="tdbd">セル3-3</td></tr>
</table>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- アニメ ワールドトリガーに出てくるボーダー機関って、どういう運営してんの? ワールドトリガーってアニメを3期 1 2022/11/30 22:53
- その他(ファッション) どの程度同じなら服装がかぶったと思いますか? 柄と色と形が一緒、柄と色が同じ、柄が一緒、柄が一緒でも 3 2022/09/02 12:27
- ダイエット・食事制限 痩せたいです 4 2023/01/09 08:33
- モデル 吉沢明歩さんってアイドルグループの恵比寿マスカッツ卒業してから太ったと思いませんか? マスカッツにい 1 2022/12/20 22:39
- 薄毛・抜け毛 中一です。最近細くて短い抜け毛を見つけます。今日は7本くらい見つけました。もちろん太くて長い抜け毛も 2 2022/03/28 23:30
- 電気・ガス・水道業 電線の太さについて質問です。2種持ってます。工場内で分電盤から設備への配線を見て思ったのですが、盤内 5 2022/07/29 23:06
- 電気・ガス・水道業 配電線の電線の太さ 6 2023/03/23 23:41
- ダイエット・食事制限 153cm43kgって太ってますか。 身長-体重=110で、スペ110とかで検索すると激戦区のキャバ 5 2023/06/26 19:57
- Access(アクセス) アクセス 削除するレコードを含んだテーブルを指定してくださいのエラー対処方法 1 2022/11/24 15:01
- 食生活・栄養管理 身長151センチで体重39キロでした。身体測定で、記入係だったので皆の体重を見てしまい、大体殆どの人 3 2022/04/27 23:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TRタグの余白をcssで設定するには
-
tableにul,または,olを入れられ...
-
文字列が入っているtdを削除せ...
-
テーブルのヘッダとボディの幅...
-
テーブルの任意の列を非表示に...
-
テーブル入れ子した時の、テー...
-
TABLE内の枠線を一部消すには
-
cssで、表示されるテキストによ...
-
画像のロールオーバーがずれて...
-
HTMLで外部ファイルの読み込み
-
[CSS]tableでtd同士だけ行ごと...
-
tableでcolspanを使うと次行以...
-
テーブルで文字が上揃えになり...
-
Safariでテーブルのセルの高さ...
-
テーブルの縦罫線を1本だけ細く...
-
テーブルの行の高さを指定する...
-
テーブルの表示がずれます
-
テーブルの行数が違う列のテキ...
-
テーブルの途中からcellspacing...
-
【CSS】:hasで可能? imgを含む...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
TRタグの余白をcssで設定するには
-
文字列が入っているtdを削除せ...
-
テーブルのヘッダとボディの幅...
-
テーブルの行の高さを指定する...
-
cssで、表示されるテキストによ...
-
テーブルのセルに画像をピッタ...
-
HTML <td></td>タグ セル内余...
-
ホームページ 表の上の余白を...
-
テーブルの表示がずれます
-
スタイルシートで colspan=3と...
-
テーブルの上に空行が入る・・...
-
テーブルタグのセルの幅の一部...
-
表の1列だけをCSSを使って右揃...
-
逆L字の表(table)組み
-
tableでcolspanを使うと次行以...
-
HTMLのテーブルで桁をそろ...
-
テーブルのセルにアンカー
おすすめ情報