[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>
댓글
댓글 쓰기