728x90
λ°μν
09. hoverμ λ°°κ²½μ λ³κ²½μΌλ‘ κΈμ λνλ΄κΈ°
- `button`μ²λΌ ꡬμ±λ `a`νκ·Έλ κΈμλ₯Ό μμ±ν μ μλ€.
- rtans ν΄λμ€ μμ aνκ·Έλ€μ `background-color:white;`
λ§μ°μ€λ₯Ό μ¬λ Έμ λλ `background-color:darkred;`
κΈμ μμ νμμ μ§μ `color:white`
> λ°°κ²½μ λ³κ²½μ λ°λΌ hover μνμμλ§ κΈμκ° λ³΄μ΄λ λ°©μ
> hover μνκ° μλ κ²½μ°,
> λ°°κ²½μκ³Ό κΈμ μμμ΄ κ°κΈ° λλ¬Έμ κΈμκ° νλ©΄μ λνλμ§ μλλ€.
λͺ¨λ aνκ·Έμ λ€μ΄κ°λ μμ±μ΄κΈ°μ
.rtans > a {
color: white; #κΈμ μμ νμμ
text-decoration: none; #λ°μ€ μμ κΈ°
text-align: center; #μ’μλ¨μ μλ κΈμλ₯Ό κ°μ΄λ°λ‘
font-size: 24px; #ν
μ€νΈ ν¬κΈ° μ‘°μ
}
728x90
λ°μν
'side-project > sparta-coding' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
λ©μμ§ λ§λ€κΈ° (0) | 2022.02.13 |
---|---|
μ ν¬κΈ° μ‘°μ λ° κ°μ΄λ° μ λ ¬ (0) | 2022.02.12 |
hover ν¨κ³Ό λ° μ¬λ°± μ‘°μ (0) | 2022.02.10 |
λ°°κ²½ μ΄λ―Έμ§ μ±μ°κΈ° (0) | 2022.02.05 |
CSS μ μ©νκΈ° (μν λ°°μΉ) (0) | 2022.02.02 |
λκΈ