[CSS] margin, padding

 

margin

: 객체의 바깥 여백을 설정

 

<h1 id="t1">margin:객체 바깥쪽 여백</h1>

#t1{background-color: lightblue; margin:20px 30px 20px 30px;}

 

 

 

padding

: 객체의 안쪽 여백을 설정

 

<div id="t2">
	padding:객체 안쪽 여백
</div>

#t2{background-color: yellow; padding:30px 30px 30px 30px;}

 

div는 margin, padding 값이 0으로 기본 설정되어있다.