반응형
margin은 box의 border(경계)의 바깥에 있는 공간이다.
(box의 기본 디폴트 성질임)
1.
<!DOCTYPE html>
<html lang="kr">
<head>
<title>The Nick Times</title>
<style>
html {
background-color: tomato;
}
div {
height: 150px;
width: 150px;
background-color: whitesmoke;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
결과
검사
2.
<!DOCTYPE html>
<html lang="kr">
<head>
<title>The Nick Times</title>
<style>
html {
background-color: tomato;
}
body {
background-color: thistle;
}
div {
height: 150px;
width: 150px;
background-color: whitesmoke;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
결과
반응형
'2. CSS' 카테고리의 다른 글
| CSS margin-left 적용하기 (0) | 2024.11.17 |
|---|---|
| CSS 마진(margin) 지우기 삭제 (0) | 2024.11.17 |
| CSS Inline 형태를 block 형태로 바꾸기 (0) | 2024.11.17 |
| CSS <span> 태그 특징 (inline) (0) | 2024.11.13 |
| CSS 박스(Box)의 개념을 알아보자 (0) | 2024.11.13 |