Html CSS Padding

 

 

1. 내부에 여백 주기

div {
  padding-top: 50px;  /*위*/
  padding-right: 50px; /*오른쪽*/
  padding-bottom: 50px; /*아래*/
  padding-left: 50px; /*왼쪽*/
}

2. 1줄로 여백 주기

div {
  padding: 25px 50px 75px 100px;  /*위, 오른쪽, 아래, 왼쪽*/
}

* 1줄에서 1개를 빼면 마지막 적용내용이 순차적으로 사라진다.

div {
  padding: 25px 50px 75px;   /*위, 오른쪽, 아래*/
}

3. 전체 동일한 값 적용

div {
  padding: 25px;
}

4. 패딩 효과