반응형
<!DOCTYPE html>
<html lang="kr">
<head>
<title>The Nick Times</title>
<style>
div {
height: 150px;
width: 150px;
background-color: tomato;
}
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
</body>
</html>
style 안에 있는 div는
body 안에 있는 각 div 들을 가리킨다.
결과
div 박스가 3개 연달아서 노출됨.
참고로 박스의 옆에는 어떤 다른 박스도 오지 않는다.
박스의 이런 특징을 block 이라고도 한다.
반응형
'2. CSS' 카테고리의 다른 글
| CSS Inline 형태를 block 형태로 바꾸기 (0) | 2024.11.17 |
|---|---|
| CSS <span> 태그 특징 (inline) (0) | 2024.11.13 |
| CSS의 특징 - Cascading (0) | 2024.11.11 |
| CSS 로 텍스트 가운데 정렬 만들기 (text-align) (0) | 2024.11.11 |
| CSS 로 언더라인, 이태릭체(기울림체), 글자 굵기 두께 설정하기 (0) | 2024.11.11 |