【CSS03】

リンクの文字色(擬似クラス)

>以下ソース

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
  <head>
    <title>【CSS03】</title>
    <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" >
    <style type="text/css">
<!--
a:link    { color: coral; } /* クリックしていないリンク */
a:visited { color: turquoise; } /* クリックしたことのあるリンク */
a:hover   { color: skyblue; } /* リンク上にカーソルが当たったとき */
a:active  { color: lawngreen; } /* クリックしたとき */
//-->
    </style>
  </head>
  <body>
    <ul>
      <li><a href="#">LINK-link-coral</a></li>
      <li><a href="#">LINK-visited-turquoise</a></li>
      <li><a href="#">LINK-hover-skyblue</a></li>
      <li><a href="#">LINK-active-lawngreen</a></li>
    </ul>
  </body>
</html>

>できたページ

screenshot

リンクを踏んでしまいましたが、出来てます。

ちなみにうまく動かすのには記載の順番があるようです。
参考にしたページをメモ

http://tadameru2.blog91.fc2.com/blog-entry-7.html