html 요소에 :hover 가상 클래스 선택자를 사용하면 마우스 오버 시 효과를 줄 수 있습니다.
사용법
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
a:hover {
color: red;
}
</style>
</head>
<body>
<a href="#">link</a>
</body>
</html>
'IT > css' 카테고리의 다른 글
css 체크했을 때 효과 주기 - checked (0) | 2023.03.17 |
---|---|
css 마우스 클릭 효과 - active (0) | 2023.03.16 |
css 속성 선택자 사용하는 방법 (0) | 2023.03.16 |
css 자손 선택자 (0) | 2023.03.15 |
css 인접 선택자 (0) | 2023.03.15 |
댓글