ホーム>コース別ガイド一覧>訪問済みの状態のリンクをデザインしよう! 未訪問リンクのデザイン<BACK NEXT>マウスを合わせた状態のデザイン
疑似クラス a:visited { 〜 }CSS一覧プロパティ辞典 … visited 疑似クラス visited 疑似クラスを使うと、訪問済みの状態のリンクをデザインすることができます。link 疑似クラスが指定できるのは href 属性を設定した a 要素のみです。書式の通りセレクタに「:visited」を付けて使用します。 主なデザインの指定文字の色、背景色、背景画像の変更、リンク指定時の下線の表示などを変更できます。それぞれ color プロパティ、background-color プロパティ、background-image プロパティ、text-decoration プロパティを使用すればこれらのデザインを変更できます。 使用例では訪問済みの状態のリンクの文字の色を赤にしてみましょう!
使用例の表示
このように訪問済みの状態のリンクの文字の色が赤になります!なお、このブラウザでの表示例は画像により表現しており、リンク設定はなされていません。 未訪問リンクのデザイン<BACK <TOP> <コース目次> NEXT>マウスを合わせた状態のデザイン
|
ゼロから始めよう!わかりやすい!ホームページ作成ガイド
|