ここから本文です

スタイルシートでテーブルの余白を調整したい ワードプレスで作っているサイト...

cee********さん

2019/3/1106:30:22

スタイルシートでテーブルの余白を調整したい

ワードプレスで作っているサイトのtableの余白を調整したいです。

(拾いので、狭くしたい)

table, td, th {
margin:0px 0px;
padding: 0px;
}
と追記していみたのですが
あまり変わらないようでした。

どこが間違っているか、添削いただけますでしょうか

閲覧数:
23
回答数:
1
お礼:
25枚

違反報告

ベストアンサーに選ばれた回答

syn********さん

2019/3/1109:20:58

table要素に余白(margin)は存在しません。
tableの場合以下の指定でテーブル間の余白を調整できます。

・padding
今回の場合は無意味だったようですが、
padding指定でtd、thの中に余白を持たせることはできます。
ゼロで変わらないということは
もともと設定されてないということになります。

・border
背景色に合わせてボーダーを設定します。
設定したボーダーの太さをコントロールすることで
余白のように見せます。

通常td・thに指定すると、
要素ごとにボーダーが設定されて二倍の太さになってしまうので
tableに「border-collapse: collapse;」と指定することで
隣接するボーダーを重ねて表示することが可能です。
参考:http://www.htmq.com/style/border-collapse.shtml

・border-spacing
セルにborderを指定されていて、
さらにそのボーダー同士の距離を作りたい場合
「border-spacing」が理想的です。
参考:http://www.htmq.com/style/border-spacing.shtml

他にもいくつかありますが、
CSSをご利用されているようですので
概ね上記の手法で対応できるかと思います。

質問した人からのコメント

2019/3/12 05:49:47

ありがとうございました

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる