정보/WEB
display(표시 설정)
여기블로그
2022. 12. 24. 02:53
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<title>display</title>
<meta charset="UTF-8">
<style>
div {
display: inline-block;
/* display : 요소 표시 상태 설정
none: 보이지 않고 공간도 차지하지 않음
block : 부모 요소의 가로 크기를 한줄 다 차지하게 된다.
inline: 필요한 만큼 공간 차지(width, height 안먹힘)
inline-block : 필요한 만큼 공간 차지(width, height 작동)
*/
}
div:nth-child(1) {
width: 100px;
height: 100px;
background-color: black;
}
div:nth-child(2) {
width: 100px;
height: 100px;
background-color: purple;
}
</style>
</head>
<body>
<div></div>
<div></div>
</body>
</html>
728x90
반응형