본문 바로가기
스마트인재개발원/HTML,CSS

[CSS] border/ margin/ padding 예제

by 죠졍니 2022. 10. 4.
728x90
반응형
SMALL

Box Model

 

- 요소에 부피감을 결정하는 개념

- 웹페이지의 레이아웃 및 디자인 설계시

 

 

 

Margin

 

 

 

 

마진 상쇄현상

: 마진 영역이 겹치는 경우에 둘중에 더 큰 마진영역만 잡힘

 

 

 

 

 

 


Margin 사용법

 

 

 

 

 

 

 


Margin 사용한 예제

 

 

 

 

 


padding

 

: 테두리를 기준으로 요소의 안쪽여백 지정

 

 

 

 

 


border 

 

: 테두리 굵기, 선타입, 선색깔 속성 조절

 

 

 

 

 

 

 

 

728x90
반응형
LIST