Menu
Coddy logo textTech

コンテナ

Coddyの「流れる雲 - HTML/CSS/JSプロジェクト」コースのレッスン 3/18。

このコースを通して、いくつかの側面を自分自身でスタイリングする機会もあります。次に、雲が浮かぶ空を作成します。空には好きな色を選んでください!

challenge icon

チャレンジ

簡単

HTMLファイルで、bodyタグの中にidが "container"div を作成してください。

このdivはすべての雲のコンテナ、つまり "The sky" になります。

 

CSSファイルで、このコンテナを対象にして以下を設定してください:

  1. height100vh に (vh = View height)
  2. positionrelative
  3. 好きな背景色(これは空であることを忘れないでください!)
  4. overflowhidden

自分で試してみよう

<!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プロジェクトのすべてのレッスン