• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Dynamic Selectors</title>
7
    <style>
8
        a:link {color: orange;}
9
        a:visited {color: gray;}
10
        a:hover {color: blue;}
11
        a:active {color: red;}
12
        div {
13
            background-color: orange;
14
            width: 300px;
15
            padding: 20px;
16
            text-align: center;
17
        }
18
        div:hover {
19
            background-color: blue;
20
            color: white;
21
        }
22
    </style>
23
</head>
24
​
25
<body>
26
​
27
    <h1>링크 선택자를 이용한 선택</h1>
28
    <p><a href="#">홈으로 가기!</a></p>
29
    <div>링크 선택자를 이용한 버튼 만들기!</div>
30
​
31
</body>
32
​
33
</html>