[スタイルシート(CSS)]特定のリンクのみ色を変える方法

Posted by kumacchi on 2008年3月10日 , No comment

特定にリンクのみ色を変えるのは割と良く使うけど良く忘れるのでメモしておく。

●方法１：sytle属性を使う 

a.<a href="https://blog.kumacchi.com/" style="color: #C60;">文字列</a>
b.<a href="https://blog.kumacchi.com/"><span style="color: #CF0;">文字列１</span>文字列２</a>

○実際のリンク a.文字列
b.文字列１文字列２ ●方法２：スタイルシートでclassを定義(こちらのほうが細かい指定が出来る。) 下記をヘッダ又は外部スタイルシートファイルに記述する 

A.logo:link { color: red; }
A.logo:visited { color: blue; }
A.logo:active { color: white; }
A.logo:hover { color: black; }

リンク時にclass指定を行う。 

<a href="https://blog.kumacchi.com/" class="logo">文字列</a>
(Visited 103 times, 1 visits today)

タグ :

カテゴリ： プログラム