コンテナ
Coddyの「流れる雲 - HTML/CSS/JSプロジェクト」コースのレッスン 3/18。
このコースを通して、いくつかの側面を自分自身でスタイリングする機会もあります。次に、雲が浮かぶ空を作成します。空には好きな色を選んでください!
チャレンジ
簡単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>