Menu
Coddy logo textTech

클라우드 II

Coddy의 움직이는 구름 - HTML/CSS/JS 프로젝트 코스 레슨 — 18개 중 5번째.

challenge icon

챌린지

쉬움

HTML 파일에서, cloud div (.cloud) 내부에 클래스 이름이 "cloudBubble1"div를 생성하세요.

 

CSS 파일에서, 새로운 div를 선택하고 다음을 설정하세요:

  1. width100px
  2. height100px
  3. 배경색(background color)을 cloud div와 동일하게
  4. border-radius50px
  5. positionabsolute
  6. top-50px
  7. left30px

직접 해보기

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

움직이는 구름 - HTML/CSS/JS 프로젝트의 모든 레슨