No.3
- 回答日時:
IDで指定する場合は、
#aaa {
margin-bottom:10px;
}
のように頭に#をつけるとID用のスタイルになります。
ただし、一応表示はされると思いますが、一つのドキュメント内ではIDは重複してはいけないことになっています。
同じテーブルを複数並べる場合は、クラス指定が良いと思います。
その場合は、
aaa {
margin-bottom:10px;
}
として、
<table class="aaa">とすると指定可能です。
また、CSSの定義を table.aaaとすると、tableのaaaのクラスという風に同じクラス名で、タグによって挙動を分けることも可能です。
当たり前ですが、
<table style="margin-bottom:10px">のようにしてもできます。
ちなみに、margin-bottomはテーブルの下にマージンを開けるので、他にもmargin-top,margin-right,margin-leftと、上下左右等間隔にするmarginがあります。
後、改行半分の高さは「0.5em」ということになっています。emが1文字分の単位です。
なお、スタイルシートを使用したレイアウトは、ブラウザによって表示イメージが変わる可能性があります。
参考URL:http://www.tohoho-web.com/css/
No.1
- 回答日時:
cssでtable周りの間隔を指定してやります
table{
margin-bottom:6px;
}
上の意味は、tableタグの下に6pxの隙間を空けるです。
ただ、このまま書くと全てのtableの下に隙間が出来るので、htmlの書き方によっては対象のtableを絞り込む必要があります。
tableを包む親要素にidを振って間隔をあけたいtableを指定するか、間隔をあけたいtable毎にclassを指定するかしてください。
この回答への補足
早速の回答ありがとうございます。
tableを包む親要素にidを振る方法でやってみようと思います。
が、その場合はどのように記述すればよいのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- SQL Server ACCESSで3ファイルを結合して、表を作成するやり方を教えて下さい。 17 2022/08/15 20:34
- ファミレス・ファーストフード どうなの? 3 2022/09/18 13:20
- その他(データベース) IT用語について質問です。 以前ITパスポートの試験を受けた際にデータベースが何の集まりかについての 2 2022/12/10 12:29
- 飲食店・レストラン 焼肉店バイト 1 2022/10/27 12:59
- SQL Server ACCESSで複数テーブルを結合して、リストを作る方法を教えてください。 2 2022/08/12 19:32
- Excel(エクセル) VLOOKUP 構造化参照について 1 2023/04/24 19:39
- ファミレス・ファーストフード ファミレスにて 4 2022/07/01 00:06
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- 赤ちゃん 授乳3時間間隔でやってて、保健師さんに聞いたら2時間半から5時間だったらあげていい言われたんですけど 1 2022/03/31 11:03
- 家具・インテリア この前よりも、長く在宅しそうなので改めて部屋の模様替えをしようと思ったのですが、キッチン内蔵のワンル 7 2022/06/19 08:55
このQ&Aを見た人はこんなQ&Aも見ています
-
プロが教える店舗&オフィスのセキュリティ対策術
中・小規模の店舗やオフィスのセキュリティセキュリティ対策について、プロにどう対策すべきか 何を注意すべきかを教えていただきました!
-
table表を横に並べる際の間隔指定
ホームページ作成・プログラミング
-
tableを縦に続けるとtable間の空間が気になります
HTML・CSS
-
テーブルの位置を細かく指定したい。
HTML・CSS
-
-
4
テーブルセル余白(例えば左側だけ、上側だけ、など)
HTML・CSS
-
5
テーブル内の文字サイズを変更したい。
HTML・CSS
-
6
HTMLでテーブルを縦に並べたい!
HTML・CSS
-
7
HTMLでテーブルを横に並べる方法
インターネット広告・アフィリエイト
-
8
htmlでテーブル内にテキストボックスを作りたいのですが・・・
HTML・CSS
-
9
テーブル内のセル間にスペースを空けたい
HTML・CSS
-
10
ウィンドウのサイズを変えても表示を崩れないようにしたい
HTML・CSS
-
11
テーブルとテーブルの間に、隙間があいてしまいます。
HTML・CSS
-
12
TABLEのセルの中の文字を行単位、セル単位で色を変えたい
HTML・CSS
-
13
テーブルの横に画像を
HTML・CSS
-
14
HTMLで文とテーブルの間が空く。
HTML・CSS
-
15
htmlの文字が縦書きになる
HTML・CSS
-
16
tableタグとformタグの組み合わせ
HTML・CSS
-
17
HTML <td></td>タグ セル内余白を無くす方法
ホームページ作成・プログラミング
-
18
テーブルタグの中にdivを含めてはダメ?
HTML・CSS
-
19
一覧から選択した行の行番号を取得について
JavaScript
-
20
2つのテーブルを左右に表示したい。
HTML・CSS
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
<fieldset>タグについて
-
HTML5で、テーブル内tdタグの高...
-
画面幅に合わせてテーブルのカ...
-
cssでテーブルで細い線
-
横長のコンテンツを含む場合のd...
-
テーブルが二重で表示されてし...
-
HTML tableのセルにtextareaを...
-
同じ幅指定のつもりなのに、ブ...
-
tableを縦に続けるとtable間の...
-
ブラウザによる「width」の違い
-
(HTML)Tableを任意の位置に置...
-
table表を横に並べる際の間隔指定
-
テーブルタグの中にdivを含めて...
-
tableタグとformタグの組み合わせ
-
テーブルの行を折りたたみたい...
-
テーブルの位置を細かく指定し...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
table表を横に並べる際の間隔指定
-
HTML5で、テーブル内tdタグの高...
-
HTML tableのセルにtextareaを...
-
(HTML)Tableを任意の位置に置...
-
テーブル内のセル間にスペース...
-
textareaの外側の文字が下付き...
-
同じ幅指定のつもりなのに、ブ...
-
html5のテーブル内でdivのタブ...
-
<fieldset>タグについて
-
tableの位置がIEとその他ブラウ...
-
tableを縦に続けるとtable間の...
-
画面幅に合わせてテーブルのカ...
-
HTMLのテーブルをExcelにCopy&P...
-
ラインを端から端まで画面いっ...
-
tableのcellpadding="0" cellsp...
-
ホームページのテキストを折り...
おすすめ情報