• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Backgrounds</title>
7
    <style>
8
        body {
9
            background-image: url("/examples/images/img_man.png");
10
            background-repeat: no-repeat;
11
            background-position: left bottom;
12
            background-attachment: fixed;
13
        }
14
    </style>
15
</head>
16
​
17
<body>
18
​
19
    <h1>CSS를 이용한 배경이미지 설정입니다.</h1>
20
    <p>배경이미지가 지정된 위치에서 움직이지 않습니다.</p>
21
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
22
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
23
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
24
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
25
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
26
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
27
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
28
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
29
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
30
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
31
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
32
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
33
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
34
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
35
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
36
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
37
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
38
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
39
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
40
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
41
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
42
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
43
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
44
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
45
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
46
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
47
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
48
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
49
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
50
    <p>스크롤을 해도 배경은 움직이지 않아요!</p>
51
​
52
</body>
53
​
54
</html>