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

関連記事

Category:
プログラミング
公開日:
更新日:
Pageviews:
1
Shares:
0
Tag:
HTML
CSS
サンプルコード