CSSだけで一覧ページのレイアウトを切り替える | UNORTHODOX WORKBOOK | Blogよくあるやつですが、カード型デザインみたいな一覧ページのレイアウトをクリック一発で別のレイアウトへ変更するやつです。 JavaScriptだったり、別ページを用意したり、パラメーターつけたりで変更することもできると思いますが、CSSだけで変更できる簡易的なのを作りました。 カード型レイアウトからシングルレイアウト シングルレイアウトという言葉があるのか分かりませんが、こういうのです。 追記：正確には、カード型レイアウトを「グリッドビュー」、シングルレイアウトを「リストビュー」と言うようです。 See the Pen Change the Layout by Tatsuya Azegami (@42EG4M1) on CodePen. 上部中央にある四角いボタンをクリックすると変わります。 HTML <div class="main"> <input type="radio" name="r
