ihigoro https://blog.hatena.ne.jp/ihigoro/ The 復習 https://ienshu.hatenadiary.jp/ ★CSS 色彩計画とレイアウト カスタムプロパティを使った効率的なレイアウト カスタムプロパティで色彩計画 「ベースカラー」「アクセントカラー」「アソートカラー」を設計しておきます :root { --bgc_blue: #a9e5fc; --bgc_darkblue: #146abf; --title_color: #408edd; } 交互に背景色を変更 奇数番の「section」の背景色を「カスタムプロパティ」で指定する section:nth-of-type(odd) { background-color: var(--bgc_blue); } 記述例 index.html <!DOCTYPE … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fienshu.hatenadiary.jp%2Fentry%2F2026%2F01%2F13%2F000000" title="色彩計画とレイアウト - The 復習" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/i/ihigoro/20250801/20250801083139.jpg Hatena Blog https://hatena.blog 2026-01-13 00:00:00 rich https://ienshu.hatenadiary.jp/entry/2026/01/13/000000 1.0 100%