[CSS] 박스모델(Box Model)구조
[CSS] 박스모델(Box Model)구조 박스 모델의 구조 일반 텍스트 문장이나 이미지 등으로 홈페이지를 만들 때는, 아래 그림과 같이 기본 하나의 박스는 4개의 영역으로 구성되어 있음 내용을 표시하는 영역 텍스트와 이미지 등의 컨텐츠 내용이 표시되는 영역 폭(width) 과 높이(height)로 크기를 지정할 수 있음 예) <!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>CSS</title> <style> h5 { margin: 10px; border: 10px solid #dddddd; padding: 10px; } </style> </head> <body> <h5>Box Model</h5> </body> </html> Box Model 출처 : https://www.codingfactory.net/10556 출처 : https://www.tabmode.com/homepage/boxmodel.html