CSS 마우스:hover,visited,focus
exam.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta name="generator" content="editplus" />
<meta name="author" content="김종현" />
<style type="text/css">
/* hover - 마우스가 올라가 있는상태를 가르킨다.*/
a:hover {
color:#ccff66;
}
/* visited - 이미 클릭한 링크 상태를 가르킨다.*/
a:visited {
color:black;
}
a {
color:black;
font-size:12px;
text-decoration:none;
}
a:hover{
color:#00ff33;
/*font-size:20px;*/
text-decoration:underline;
}
/* focus - 커서를 클릭 했을때 or 탭*/
input:focus {
background-color:red;
}
</style>
</head>
<body>
<!-- Ex15_pseudo.htm -->
<a href="http://www.naver.com">네이버 링크</a>
<hr />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
입력 데이터 : <input type="text" size="40" /><br />
</body>
</html>
결과
