• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS State Selectors</title>
7
    <style>
8
        span { margin-left: 5px; }
9
        input { color: #FFEFD5; }
10
        input:checked + span { color: #CD853F; }
11
    </style>
12
</head>
13
​
14
<body>
15
​
16
    <h1>input 요소의 스타일 설정</h1>
17
    <form>
18
        <input type="checkbox" name="lecture" value="html" checked="checked"><span>HTML</span><br>
19
        <input type="checkbox" name="lecture" value="css"><span>CSS</span><br>
20
        <input type="checkbox" name="lecture" value="java"><span>JAVA</span><br>
21
        <input type="checkbox" name="lecture" value="cpp"><span>C++</span>
22
    </form>
23
​
24
</body>
25
​
26
</html>