タグ: table

コーディング

2024年1月20日

【初心者向け】tableの横幅を100%にしながら、1列目だけ横幅を固定する方法

table全体の幅を100%にしながら、1列目だけ固定幅にする方法を紹介します。残りの列を可変にするCSSのサンプルを確認できます。

コーディング

2023年12月23日

【初心者でもわかる】tableのtr要素に効くCSS・効かないCSS

tableのtr要素に効くCSSと効かないCSSを整理します。表の行の見た目や余白を調整するときに、指定先をどう考えるかを解説します。

コーディング

2023年11月8日

【初心者でも分かる】定義リスト（dl）を使って、tableみたいな表組みデザインを作る方法（レスポンシブ対応）

定義リストのdlを使い、表のような2列のレイアウトを作る方法を紹介します。flexboxでの配置とスマホ向けの調整を、サンプルコードで解説します。