반응형
<!DOCTYPE html>
<html lang="kr">
<head>
<title>The Nick Times</title>
<style>
body {
height: 1000vh;
margin: 50px;
}
a:visited {
color: tomato;
}
a:hover {
color: teal;
}
a:focus {
color: turquoise;
}
</style>
</head>
<body>
</body>
</html>
결과
마우스 오버 시: teal 색상으로 변경
마우스 클릭 시: turquoise 색상으로 변경
클릭 후 새로고침 시: tomato 색상으로 변경
반응형
'2. CSS' 카테고리의 다른 글
| CSS 마우스 hover시 input 박스 색상 변경하기 (0) | 2024.11.30 |
|---|---|
| CSS focus-within 태그 적용하기 (0) | 2024.11.30 |
| CSS visited 로 링크 색상 변경하기 (0) | 2024.11.30 |
| CSS focus를 이용해서 input 박스 강조하기 (0) | 2024.11.30 |
| CSS Hover 마우스 오버 시 버튼 색상 변경하기 (0) | 2024.11.30 |