- HOME
- INFORMATION
- ABOUT
- CONTACT
リストを画像にする
デフォルトのマーカーを非表示にして、リストのマーカーに画像を適用します。
思い通りに位置を調整することができる「background-image」で指定します。
リストの内容に合わせて画像を変える
li要素にそれぞれクラスを指定することで、別々の画像を表示することができます。リンク先に合ったアイコン等を作成し、それぞれの背景画像として指定しましょう。
訪問済みリンクにチェックを入れる
a:visitedの疑似要素を利用して、未訪問のリンクと訪問済みのリンクでマーカーを切り替えます。
疑似クラスは他に「:hover（マウスカーソールが乗っている）、:active（選択中）、:focus（フォーカスがあたっている）」等があります。