擬似クラス設定サンプル

未訪問は青色
訪問済みは紫色

:focus はMicrosoft Internet Explorerは対応していません。


スタイルシート
a:link { color: #0037FF; text-decoration: none}
a:active { color: #f00; text-decoration: none}
a:visited { color: purple; text-decoration: none}
:hover { color: #000000; text-decoration: underline; background-color: #ff0}
input:focus {color: #0f0 }


HTMLコード
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" href="stylesheet.css" type="text/css">
<title>Sample</title>
</head>

<body>

<a href="../../index_02.html">未訪問は青色</a><br>
<a href="../../index.html">訪問済みは紫色</a>
<form>
<div>
<input type="text" value="入力欄">
<input type="submit" value="送信">
</div>
</form>

</body>
</html>