마진이 경계선 외부의 여백을 설정하는 데 반하여 패딩(Padding)은 경계선 내부의 여백을 설정할 때 사용됩니다.
패딩 사용 예
ex2-8.html
<style> h3 { border: solid 1px green; } p { border: solid 1px green; } </style> <body> <h3 style="padding: 20px;">박스 모델</h3> <p style="padding: 50px 40px 30px 20px;">웹 페이지에 있는 모든 HTML 요소는 사각형 형태를 가지는 박스로 생각할 수 있다.</p> <p style="padding: 30px 20px;">CSS에서는 이러한 박스를 기반으로 하여 요소에 경계선을 그릴 수 있다.</p> </body>
