Menu
CoddyTech

Body

Bài học 5 trên 11 trong khóa học Thanh tiến trình hình tròn | Dự án front-end của Coddy.

challenge icon

Thử thách

Dễ

Phần body mục tiêu:

body {
   ...
}
  1.  Đặt display thành flex và căn giữa các phần tử bên trong body. (đặt align-items và justify-content thành center)
  2.  Đặt màu nền theo ý bạn.
    (Thử cách này để tạo nền chuyển màu: background: linear-gradient(135deg, rgb(75, 204, 255), rgb(255, 35, 255));
  3. Đặt chiều cao thành 100 vh.

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 Thanh tiến trình hình tròn | Dự án front-end

Tự luyện tập: Playground Web