〜スリ飯屋Malankaのエンジニアblog〜

IT未経験から約1年、東京でフリーランスのRubyエンジニアになりました。約2年半、大阪中崎町でスリランカカレーの間借りしてました。主に日々の備忘録やスリランカの事を発信していきます。

【table】table要素のtdやth内テキストの周囲に、余白を持たせる方法

下記の記事を参考にしました。

文字の周りはある程度の余白(padding)をとる事です。 テキストの周りに余白をとる時はtableタグではtrではなくth、tdにつけます。

レスポンシブも対応!綺麗で見やすい表のデザイン11個[HTML&CSS] | SEO対策なら株式会社ペコプラ

例、

tbody td {
  padding: 1em 10px 1em 1em;
}
プライバシーポリシー