No.1ベストアンサー
- 回答日時:
<table id="tbl1" style="margin-bottom: 0em;">
....
</table>
<table id="tbl2" style="margin-top: 0.5em;">
....
</table>
私なら、上記から出発して気に入る様に margin を調整します。 style指定はもちろん ID指定の CSS でもOKです。
面倒なのは、ブラウザの種類やフォントサイズが変っても大丈夫な指定を見付ける事です。 TABLE が CAPTION なんかを含んでるとさらに大変です。
No.2
- 回答日時:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd"><html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>Untitled</title>
<style type="text/css">
<!--
table{
margin-top:0.4em;margin-bottom:0.4em;/* お好きなマージンを */
border-collapse:collapse;border:ridge 3px red;
}
table tr td{
border: solid red 1px;width: 5em;
text-align:center;padding:0.4em;
}
table.topW{
margin-top:2em; /* お好きなマージンを */
}
-->
</style>
</head>
<body>
<h1>title</h1>
<h2>subTitle</h2>
<table summary="表1">
<tbody>
<tr>
<td>ア</td><td>イ</td><td>ウ</td><td>エ</td><td>オ</td>
</tr>
<tr>
<td>カ</td><td>キ</td><td>ク</td><td>ケ</td><td>コ</td>
</tr>
</tbody>
</table>
<table summary="表2">
<tbody>
<tr>
<td>あ</td><td>い</td><td>う</td><td>え</td><td>お</td>
</tr>
<tr>
<td>か</td><td>き</td><td>く</td><td>け</td><td>こ</td>
</tr>
</tbody>
</table>
<table class="topW" summary="表3">
<tbody>
<tr>
<td>ア</td><td>イ</td><td>ウ</td><td>エ</td><td>オ</td>
</tr>
<tr>
<td>カ</td><td>キ</td><td>ク</td><td>ケ</td><td>コ</td>
</tr>
</tbody>
</table>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの? 1 2022/12/03 21:00
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- Word(ワード) 表の縦罫線を移動するピッチ 1 2022/10/12 12:24
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- Visual Basic(VBA) VBAにてメール作成した際、一部指定箇所のみ赤文字にしたいです。 下記の内容ですと作成されたメール本 1 2022/04/27 13:31
- Word(ワード) ワード(2013)行間設定について 3 2023/08/08 09:27
- HTML・CSS HTMLソースの質問 3 2022/07/28 13:29
- ノートパソコン 現在、家で使用しているパソコンの買い替えを検討してます。 使用中のパソコンはVAIOノートパソコンで 3 2022/06/26 07:30
- ガーデニング・家庭菜園 芝生の水やりの範囲(部位?)を教えてください。 1 2022/06/05 18:00
- PHP PHPでテキストファイルに保存した時の改行問題 1 2022/11/19 15:07
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
スタイルシートで colspan=3と...
-
HTMLのテーブルで桁をそろ...
-
テーブルのレイアウトがおかし...
-
CSSだけで<table>の<td>や<tr>...
-
テーブルの行の背景色をマウス...
-
tableの要素(tr、td)に一...
-
テーブルの枠線(外内両方)を...
-
HTMLのrowspan
-
テーブルのセルにアンカー
-
TRタグの余白をcssで設定するには
-
テーブルの外側の線を消す
-
改行幅の指定
-
テーブルの行を折りたたみたい...
-
HPのアクセスカウンタの仕組み...
-
逆L字の表(table)組み
-
cssで、表示されるテキストによ...
-
テーブルの線を立体じゃなく普...
-
テーブルを挿入すると他のCSSと...
-
作った表を横一列に並べる
-
ホームページのテーブルの作成...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
TRタグの余白をcssで設定するには
-
テーブルのヘッダとボディの幅...
-
cssで、表示されるテキストによ...
-
テーブルのセルに画像をピッタ...
-
文字列が入っているtdを削除せ...
-
逆L字の表(table)組み
-
テーブルの表示がずれます
-
HTML <td></td>タグ セル内余...
-
HTMLのテーブルで桁をそろ...
-
中に<table></table>が使えるア...
-
スタイルシートで colspan=3と...
-
htmlのtable内に画像
-
ホームページ 表の上の余白を...
-
テーブルタグのセルの幅の一部...
-
テーブルの行の高さを指定する...
-
表の1列だけをCSSを使って右揃...
-
CSSだけで<table>の<td>や<tr>...
おすすめ情報