【table】table要素のtdやth内テキストの周囲に、余白を持たせる方法
手順
下記の記事を参考にしました。
文字の周りはある程度の余白(padding)をとる事です。 テキストの周りに余白をとる時はtableタグではtrではなくth、tdにつけます。
レスポンシブも対応!綺麗で見やすい表のデザイン11個[HTML&CSS] | SEO対策なら株式会社ペコプラ
例、
tbody td { padding: 1em 10px 1em 1em; }
下記の記事を参考にしました。
文字の周りはある程度の余白(padding)をとる事です。 テキストの周りに余白をとる時はtableタグではtrではなくth、tdにつけます。
レスポンシブも対応!綺麗で見やすい表のデザイン11個[HTML&CSS] | SEO対策なら株式会社ペコプラ
例、
tbody td { padding: 1em 10px 1em 1em; }