クラウド I
Coddyの「流れる雲 - HTML/CSS/JSプロジェクト」コースのレッスン 4/18。
チャレンジ
簡単HTMLファイルで、#containerの中にクラス名が"cloud"のdivを作成してください。
CSSファイルで、新しく作成したcloudのdivをターゲットにし、以下を設定してください:
widthを200pxに設定heightを80pxに設定- お好みの背景色(雲であることを忘れないでください!)
- border radiusを
40pxに設定 positionをabsoluteに設定(雲の位置を自由に操作したいため)
また、次のレッスンで雲が完全に見えるように、marginを100px以上に設定してください(このマージンは後で削除します)。
自分で試してみよう
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>