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