• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS3 Colors</title>
7
    <style>
8
        #header_01 {background-color: hsl(0, 100%, 50%);}
9
        #header_02 {background-color: hsl(90, 100%, 50%);}
10
        #header_03 {background-color: hsl(180, 100%, 50%);}
11
        #header_04 {background-color: hsl(270, 100%, 50%);}
12
        #header_05 {background-color: hsl(360, 100%, 50%);}
13
    </style>
14
</head>
15
​
16
<body>
17
​
18
    <h1 id="header_01">HSL 색상값에서 색상값을 변경 : 색상 0</h1>
19
    <h1 id="header_02">HSL 색상값에서 색상값을 변경 : 색상 90</h1>
20
    <h1 id="header_03">HSL 색상값에서 색상값을 변경 : 색상 180</h1>
21
    <h1 id="header_04">HSL 색상값에서 색상값을 변경 : 색상 270</h1>
22
    <h1 id="header_05">HSL 색상값에서 색상값을 변경 : 색상 360</h1>
23
​
24
</body>
25
​
26
</html>