컨테이너
Coddy의 움직이는 구름 - HTML/CSS/JS 프로젝트 코스 레슨 — 18개 중 3번째.
이 코스 전반에 걸쳐, 여러분은 또한 일부 측면을 직접 스타일링할 기회를 갖게 될 것입니다. 이제 구름이 떠 있을 하늘을 만들어 보겠습니다. 하늘에 대해 마음에 드는 색상을 선택해 보세요!
챌린지
쉬움HTML 파일에서, body 태그 내부에 id가 "container"인 div를 생성하세요.
이 div는 모든 구름을 담는 컨테이너인 "The sky"가 될 것입니다.
CSS 파일에서 이 컨테이너를 선택하고 다음을 설정하세요:
height를100vh로 설정 (vh = View height)position을relative로 설정- 원하는 배경색 (기억하세요, 이것은 하늘입니다!)
overflow를hidden으로 설정
직접 해보기
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>