実践
::beforeと::afterを使った表現事例
2

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

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

::before疑似要素と::after疑似要素は、Webデザインで装飾の役割で利用するにも適しています。ここでは、リンクの目印となる三角形を作成する方法を紹介します。

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