HTML & CSS - リンクテキストのスタイルを指定する

リンクテキストのスタイルを指定する

リンクテキストのスタイルを指定するには、CSS の :link、:visited、:hover、:active プロパティで定義します。

:link
リンク先が未訪問の a 要素のスタイル
:visited
リンク先が訪問済みの a 要素のスタイル
:hover
リンクにマウスがホバーした状態のときのスタイル
:active
リンクをクリックしたときのスタイル 
<!DOCTYPE html>
<html lang="ja">
  ...
  <a>
    リンクのスタイルを変更します
  </a>
  ...
</html>
リンクテキストのスタイルを指定する - HTML
a:link{
    color: red;
}

a:visited{
    color: green;
}

a:hover{
    color: blue;
}

a:active{
    color: black;
}
リンクテキストのスタイルを指定する - CSS

関連記事