Thẻ body

Bài học 11 trên 23 trong khóa học Dự án slider giao diện người dùng của Coddy.

Thử thách

Dễ

Thẻ body cần chỉnh sửa:

1. Đặt display thành flex và căn giữa mọi thứ bằng align-items và justify-content.

2. Đặt phần đệm trên và dưới bằng 0, phần đệm bên phải và bên trái bằng 35 pixel.

3. Đặt chiều cao tối thiểu thành 100vh.

4. Đặt màu nền theo ý bạn.

Mẹo: Để đặt nền chuyển màu, bạn có thể dùng hàm linear-gradient.

background: linear-gradient(to left top, rgb(255, 192, 211), rgb(255, 20, 98));

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>

Tất cả bài học trong Dự án slider giao diện người dùng

Tự luyện tập: Playground Web