마우스 호버링 : 웹에서 마우스를 올리면 반응하는 것
ex) 링크가 걸려있는 글자나 이미지에 마우스를 올리면 색이 변함
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>가상 클래스 선택자</title>
<style type="text/css">
a{
color: black;
}
a:hover{ /*마우스 호버링== 마우스를 올려놓으면 반응함*/
color: red;
}
</style>
</head>
<body>
<ul>
<li><a href="#">상의</a></li>
<li><a href="#">하의</a></li>
<li><a href="#">치마</a></li>
<li><a href="#">신발</a></li>
</ul>
</body>
</html>
'개발자노트 > 웹' 카테고리의 다른 글
| Html 스타일시트(stylesheet) 실습예제 (0) | 2022.07.22 |
|---|---|
| Html에서 가상요소 선택자 (before / after) (스타일시트) (0) | 2022.07.22 |
| Html에서 선택자 ( 자식선택자 ) (0) | 2022.07.22 |
| 내부 스타일시트와 선택자 (0) | 2022.07.22 |
| 외부 스타일시트 (스타일시트 / stylesheet ) (0) | 2022.07.22 |
