Điện toán đám mây I

Bài học 4 trên 18 trong khóa học Dự án mây chuyển động với HTML/CSS/JS của Coddy.

Thử thách

Dễ

Trong tệp HTML, tạo một div bên trong #container với tên lớp "cloud".

Trong tệp CSS, chọn div đám mây mới và đặt:

width thành 200px
height thành 80px
màu nền tùy bạn chọn (hãy nhớ, đó là đám mây!)
bán kính đường viền thành 40px
position thành absolute (vì chúng ta muốn thoải mái điều chỉnh vị trí của đám mây)

Ngoài ra, hãy đặt margin thành 100px trở lên để bạn có thể nhìn thấy toàn bộ đám mây trong các bài học tiếp theo (sau này chúng ta sẽ xóa lề này).

Tự làm thử

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Viết code HTML ở đây -->
        <script src="script.js"></script>
    </body>
</html>