• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Margin</title>
7
    <style>
8
        div {
9
            background-color: #7FFFD4;
10
            border: 2px solid teal;
11
        }
12
        div.mar {
13
            margin-top: -25px;
14
            margin-right: 10px;
15
            margin-bottom: 30px;
16
            margin-left: 100px;
17
        }
18
    </style>
19
</head>
20
​
21
<body>
22
​
23
    <h1>마진(margin) 영역 설정</h1>
24
    <div>아무런 margin 속성값도 설정하지 않은 요소입니다.</div><br>
25
    <div class="mar">margin 속성값을 각 측면마다 별도로 지정한 요소입니다.</div>
26
​
27
</body>
28
​
29
</html>