css(margin, border, padding)

<목차>

• margin
• padding
• border

 

---

margin: box의 border(경계)의 바깥에 있는 공간

 

html{

 background-color: darkblue;

}
body{

    background-color: darkgrey;
}
div{
    
    width: 30px;
    height: 30px;
 
    background-color: lightcoral;

}

(+) body{margin: 0px;} 

(+) div{margin-left:10px;}

 

coallpsingmargin

 

---

padding: box의 경계로부터 '안쪽'에 있는공간

body{margin : 0px; padding:20px}

초록색부분이 body의 padding값

 

 

padding을 이용

padding을 이용                                                                                                                          padding을 이용