リンクを装飾する

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

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

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


関連記事

  1. テストファイルを作ろう

  2. 画像を使わずにセンスある見出しを作る

  3. 表の概念

  4. 段落を意識する

  5. リストに画像を指定する

  6. “page2.html”へリンクする

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

ランダムピックアップ