サイト内検索
...スタイルシート(css)...
スタイルシート・リンク
リンクの文字の色
リンクの文字の色は、colorプロパティを指定します。
- [使い方]
- a: link {
color: #555555;
} - a:hover {
color: #555555;
}
| 疑似クラス | 説明 |
|---|---|
| a:link | アクセス前の色 |
| a:visited | アクセス済みリンク |
| a:hover | リンクにポインタをのせた状態 |
| a:active | リンクをクリックした状態 |
| プロパティ名 | 値 | 説明 |
|---|---|---|
| color: | ; | 16進数RGB値(例・・#fff000)
または カラーネーム(例・・red)を指定します。 |
サンプル
[headの中]
<style type="text/css"><!--
a: link {
color: #0054e3;
}
a:hover {
color: #9f2113;
}
a: visited {
color: #ffc40c;
}
a:active {
color: #009300;
}
-->
</style>
[bodyの中]
<a href="../../sample-1.html">サンプルです。</a>[ブラウザ上]