まず 下のリンクをみてください。
カーソルをリンクにあわせてみてください。
クリックして押し込んでみてください。
訪問済みの色も確認してください。
それぞれに色を配分してあるのがわかります。
ホームページは難しくない ｜ ちょこっとHTML ｜ ペイントでお絵かき
このページは スタイルシートを使ってリンクを設定してあります。
HTML文章の head 〜 /head の中に
次のような指定をしてあります。
通常リンクの色を #3333cc にして 下線をなしに設定しています。
a:link {
color: #3333CC;
text-decoration: none;
}
訪問済みリンクの色を #990066 にして 下線をなしに設定しています。
a:visited {
color: #990066;
text-decoration: none;
}
リンクの部分にカーソルをあわせたらテキストの色が変わり 下線が引かれて
さらにテキストに背景色をつけるように設定してあります。
カーソルをあわせたときに変わるテキストの色は #ff6600
テキストの背景色は #ffffcc です。
a:hover {
color: #FF6600;
text-decoration: underline;
background-color: #FFFFCC;
}
リンクをクリックしたら テキストの色が変わり 下線が引かれ
さらに 背景色がつくように設定してあります。
テキストの色は #ff0000
背景色は #ffff66 です。
a:active {
color: #FF0000;
text-decoration: underline;
background-color: #FFFF66;
}
一見 ちょっとややこしそうに見えるかもしれませんが、
ひとつひとつを分解して考えれば そう難しいことをしているわけではありません。
ちょっとトライしてみませんか？