mah666hhh https://blog.hatena.ne.jp/mah666hhh/ スリ飯屋MaLankaのフリーエンジニアな日々 https://www.malanka.org/ 【table】table要素のtdやth内テキストの周囲に、余白を持たせる方法 【table】table要素のtdやth内テキストの周囲に、余白を持たせる方法 手順 手順 下記の記事を参考にしました。 文字の周りはある程度の余白(padding)をとる事です。 テキストの周りに余白をとる時はtableタグではtrではなくth、tdにつけます。 レスポンシブも対応！綺麗で見やすい表のデザイン11個[HTML&CSS] | SEO対策なら株式会社ペコプラ 例、 tbody td { padding: 1em 10px 1em 1em; } 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.malanka.org%2Fentry%2F2020%2F01%2F14%2F073357" title="【table】table要素のtdやth内テキストの周囲に、余白を持たせる方法 - スリ飯屋MaLankaのフリーエンジニアな日々" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2020-01-14 07:33:57 rich https://www.malanka.org/entry/2020/01/14/073357 1.0 100%