728x90
λ°μν
CSS _μ νμ_μμ± μ νμ(attribute selectors)
>> HTML μμκ° κ°μ§κ³ μλ νΉμ μμ±μ μμ±κ°μ μ νν΄μ λ³νλ₯Ό μ£Όλ μ νμ
[ CSS - μμ± μ νμ λ¬Έλ² ]
<style>
νκ·Έ[μμ±="μμ±κ°'] { μμ± : μμ±κ°; }
</style>
[ html μμ± μ½λ ]
<!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>μ νμ</title>
<link rel="stylesheet" href="/css/selector2.css">
</head>
<body>
<h2>μμ± μ νμ</h2>
<form>
ID : <input type="text" name="username">
PW : <input type="password" name="password">
</form>
</body>
</html>
[ css μμ± μ½λ ]
@charset "utf-8";
/* μμ± μ νμ */
input[type="text"] {
background-color: lightpink;
}
input[type="password"] {
background-color: lightskyblue;
border: 3px solid red;
}
input[type="password"]:focus {
background-color: #ffc13a;
}
[ μ€ν νλ©΄μ λ³ν ]
[ :focus μ€ν νλ©΄μ λ³ν ]
728x90
λ°μν
'π»Coding > π CSS' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
| CSS _ν°νΈ(font)_font-weight (0) | 2021.11.22 |
|---|---|
| CSS _ν°νΈ(font)_font-family (0) | 2021.11.22 |
| CSS _hover (0) | 2021.10.26 |
| CSS _μ νμ_κ·Έλ£Ήμ νμ (2) | 2021.09.13 |
| CSS _μ νμ_ν΄λμ€μ νμ (0) | 2021.08.27 |