<html>
<head>
<title>【擬似クラスの練習】</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
#nav {
margin: 10px 0 0 30px;
padding: 20px;
background-color: #CCC;
}
ul {
list-style-type: none;
}
/*擬似クラス*/
li a:link {
text-decoration: none;
}
li a:visited {
}
li a:hover {
font-weight: bold;
color: #F60;
text-decoration: underline;
}
li a:active {
}
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">サービス概要</a></li>
<li><a href="#">実績紹介</a></li>
<li><a href="#">プレスリリース</a></li>
<li><a href="#">採用情報</a></li>
<li><a href="#">会社概要</a></li>
</ul>
</div>
</body>
</html>