確認テスト＿パス 

確認テスト２番
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>パス確認テスト</title>

</head>

<body>
<img src="../images/btn.jpg">

</body>
</html>

確認テスト1番2番4番
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>パスの確認テスト</title>
<link rel="stylesheet" href="css/style.css">

</head>

<body>
<img src="items/images/ph.jpg">
<ul>
<li id="btn01"><a href="#">01</a></li>
</ul>
</body>
</html>

@charset "UTF-8";

ul{
	list-style-type:none;
}

#btn01 a{
display:block;

}

#btn01 a:link{
  background-image:url(../images/btn.jpg);
}

#btn01 a:hover{
  background-image:url(../images/btn2.jpg);
}