どうも!LSSです!! 今日はCSSのgridレイアウトを初めてやってみます。 まず、だいぶ手抜きした事例 見栄え コード コード解説 まずHTML部分 次にCSS部分 配置を変にいじってみるテスト 見栄え コード コード解説 ちょっと注意点 はてなブログっぽいレイアウト 見栄え コード コード解説 IEとEdge対策 問題点 コード コード解説 gridレイアウトの配置方法は他にも違うやり方があります まず、だいぶ手抜きした事例 見栄え ↑こういう、3×3のレイアウトに9つの要素をそのまま配置する例。 コード <style><!-- .hako{ background-color:lightblue; border:1px solid black; text-align:center; } #gr0{ display:grid; grid-template-columns:50px 50