toggle
札幌市東区でマンガ・イラスト制作、WEBデザイン・DTP制作、雑貨制作、プラモ制作などを行う就労支援事業所です。マスコットキャラクター、ミライクマ3兄弟のLINEスタンプ好評発売中!
2018-05-01

リンクのスタイルや色を設定する方法

こんにちは、ミライク利用者のKです。
今回は、CSSを利用した、ハイパーリンクの、色やスタイルの設定方法を書きます。

それぞれの状態に対して、ハイパーリンクする箇所の色やスタイルを設定するのですが、状態はどのようなものがあるでしょうか?それを、下に紹介します。

link 未訪問リンク
visited 既訪問リンク
hover カーソルオン時
focus フォーカス時
active アクティブ時

1.リンク先の表示

 

2.リンク上に、マウスを当てた時

 

3.リンク上に、Tabキーで、選択状態にした時

 

4.リンク先をクリックし、現在、移動中の時

 

5.訪問済みのリンク先の時

 

それぞれの状態の時に、色やスタイルを別々な色に設定し、ホームページを見る人に、変化を持たせて使いやすくします。

本日の説明は以上です。ありがとうございました。

関連記事