• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS3 Backgrounds</title>
7
    <style>
8
        html {
9
            background: url(/examples/images/img_flower.png) no-repeat center fixed;
10
            background-size: cover;
11
        }
12
        body { color: white; }
13
    </style>
14
</head>
15
​
16
<body>
17
​
18
    <h1>웹 페이지 전체를 차지하는 배경 이미지</h1>
19
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quam tellus, pellentesque posuere urna sit amet, pellentesque tempus risus. Vivamus interdum dolor nec diam lacinia, luctus semper erat laoreet. Proin enim eros, pulvinar a tellus ac, porttitor pharetra turpis. Maecenas eros ex, venenatis a varius in, vestibulum vel tortor. Phasellus imperdiet imperdiet ex, nec accumsan leo tristique at. Praesent eget nisl posuere sem aliquet feugiat nec nec eros. Mauris commodo magna dictum, pretium diam non, interdum eros. Cras vitae mauris sit amet tortor cursus accumsan eget vel neque.</p>
20
​
21
</body>
22
​
23
</html>