• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Attribute</title>
7
    <style>
8
        input[type="text"] {
9
            width: 150px;
10
            display: block;
11
            background-color: #FFEFD5;
12
            margin-bottom: 10px;
13
        }
14
        input[type="password"] {
15
            width: 130px;
16
            display: block;
17
            background-color: #90EE90;
18
            border: 2px solid red;
19
        }
20
        input[type="password"]:focus { background-color: #FFC0CB; }
21
    </style>
22
</head>
23
​
24
<body>
25
​
26
    <h1>속성 선택자를 이용한 선택</h1>
27
    <form>
28
        사용자 : <br>
29
        <input type="text" name="username">
30
        비밀번호 : <br>
31
        <input type="password" name="password">
32
    </form>
33
​
34
</body>
35
​
36
</html>