スタイルシートを使った、リンクのデザインパターンを作ってみたいと思います。
リンクのデザイン
/* -------[link01]-------- */
/* リンク01（まだ見ていない状態） */
#center A {
color: #7BAA00;
text-decoration: none;
}
/* リンク01（まだ見ていない状態） */
#center A.link01:link {
color: #0033CC;
text-decoration: none;
}
/* リンク01（すでに見た状態） */
#center A.link01:visited {
color: #A367B1;
}
/* リンク01（マウスポインタを乗せた状態） */
#center A.link01:hover {
color: #FF6600;
text-decoration: underline;
}
/* リンク01（クリックされた状態） */
#center A.link01:active {
}
