リンクを装飾する

a:link { color: #009900; }
a:visited { color: #006600; }
a:hover { color: #003300; }
a:active { color: #003300; }

リンクはこれだけです。
上から順に、「リンク先が未訪問のとき」「リンク先が訪問済みのとき」「リンクの箇所にカーソルが合わさっているとき(オンマウス)」「リンクの箇所をクリックしているとき」です。

特筆すべき点もありません。
では、次。リストの画像です。


関連記事

  1. 基本構造

  2. 文字のサイズを指定する

  3. 改行をする

  4. 2カラムを指定する

  5. 背景画像を設定する

  6. 文章を書く

お手本ナビの無料HPデザイン

ランダムピックアップ