<?xml version="1.0" encrding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>疑似クラスの練習</title>
<style type="text/css">
*リセットCSS*
* {
margin:0;
padding:0;
}
#nav {
margin:10px 0 0 30px;
padding:20px;
background-color:#f5f5dc;
}
ul {
list-style-type:none;
}
*疑似クラス*
li a:link {
text-decoratino:none;
}
li a:visited {
color:#fac;
}
li a:hover {
color:#f60;
text-decoretion:underline;
}
li a:active {
text-decoration:none;
}
</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>