::beforeと::afterを使った表現事例 第2回 リンク範囲の調整

::before疑似要素、::after疑似要素を利用して、リンク範囲を調整する例を紹介します。ブロック全体と別にボタンに機能を設定したり、Flexboxを使って横並びのナビゲーションを作るときのリンク範囲を調整します。

著者 小山田 晃浩 フロントエンド・エンジニア