✏️웹개발을 배워보자 / margin , padding , border

margin

• margin은 요소의 주위에 빈 공간을만든다

# 네 면 모두적용
margin: 2em;
margin: 10px;

# margin : 세로 가로;
margin: 5% auto;

# margin : 위 오른쪽 아래 왼쪽;
margin: 2px 1em 0 auto;

---

padding

• padding은 요소의 내부에 빈 공간을 만든다

# 네 면 모두적용
padding: 2em;
padding: 10px;

# padding : 세로 가로;
padding: 5% auto;

# padding : 위 오른쪽 아래 왼쪽;
padding: 2px 1em 0 auto;

---

border

• 칸 생성
  3px(줄 폭)
  dotted(점) solid(선)
  red(칸 색상)