• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Padding</title>
7
    <style>
8
        div {
9
            background-color: #7FFFD4;
10
            border: 2px solid teal;
11
        }
12
        div.four { padding: 20px 50px 30px 50px; }
13
        div.three { padding: 20px 50px 30px; }
14
    </style>
15
</head>
16
​
17
<body>
18
​
19
    <h1>패딩(padding) 영역 설정</h1>
20
    <div>padding 속성을 설정하지 않은 요소입니다.</div><br>
21
    <div class="four">padding 속성값을 4개로 설정한 요소입니다.</div><br>
22
    <div class="three">padding 속성값을 3개로 설정한 요소입니다.</div><br>
23
    <p>padding 속성값을 4개로 한 것과 3개로 한 것이 같은 효과를 내는 것에 주목하세요!</p>
24
​
25
</body>
26
​
27
</html>