• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS3 Linear Gradients</title>
7
    <style>
8
        #grad {
9
            height: 200px;
10
            background: red;
11
            background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, purple);
12
            background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, purple);
13
            background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, purple);
14
            background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, purple);
15
        }
16
    </style>
17
</head>
18
​
19
<body>
20
​
21
    <h1>선형 그래디언트 - 무지개</h1>
22
    <div id="grad"></div>
23
​
24
</body>
25
​
26
</html>