728x90
λ°μν
CSS : hover
CSS - μ νμ
hoverλ μ¬μ©μμ λ§μ°μ€ 컀μκ° λ§ν¬λ, κΈμ λ±
μμ μ¬λΌκ° μλ μνλ‘ λ§μ°μ€ 컀μ μ΄λμ λ°λΌ μ€νμΌ λ³νλ₯Ό μ€ λ μ¬μ©ν©λλ€!
↓↓↓
[μ€μ μμ μ¬μ§]
[ html - css μ½λ ]
<!DOCTYPE html>
<html lang="ko">
<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>hover</title>
<style>
ul {
list-style: none;
}
li:hover {
color: lightcoral;
cursor: pointer;
}
.point:hover {
color: lightgreen;
}
</style>
</head>
<body>
<ul>
<li>HOME</li>
<li class="point">PRODUCT</li>
<li>SHOP</li>
<li>EVENT</li>
</ul>
</body>
</html>
[μ€ννλ©΄]
728x90
λ°μν
'π»Coding > π CSS' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
| CSS _ν°νΈ(font)_font-family (0) | 2021.11.22 |
|---|---|
| CSS _μ νμ_μμ± μ νμ(attribute selectors) (0) | 2021.11.19 |
| CSS _μ νμ_κ·Έλ£Ήμ νμ (2) | 2021.09.13 |
| CSS _μ νμ_ν΄λμ€μ νμ (0) | 2021.08.27 |
| CSS _μ νμ_μμ΄λμ νμ (2) | 2021.08.26 |