Menu
CoddyTech
Bắt đầu học

Nút

Bài học 16 trên 19 trong khóa học Bản sao trang đăng nhập Netflix | Dự án front-end của Coddy.

challenge icon

Thử thách

Dễ

Áp dụng cho cả hai nút (nói ngắn gọn là tất cả các nút):

  1. Đặt width thành 100%.
  2. Đặt padding là 12 pixel ở trên và dưới, 0 pixel ở bên phải và bên trái.
  3. Đặt margin là 10 pixel ở trên và dưới, 0px ở bên phải và bên trái.
  4. Đặt cỡ chữ thành 16 pixel.
  5. Đặt màu nền thành #e50914 và color thành white.
  6. Đặt border thành none và bán kính viền thành 4 pixel.
  7. Đặt cursor thành pointer

Tự làm thử

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

Tất cả bài học trong Bản sao trang đăng nhập Netflix | Dự án front-end

1Giới thiệu

Bạn sẽ tạo ra gì?

4CSS - II

NútBài học dự ánThay đổi nútBài học dự ánTô màu thêmBài học dự ánPhần dướiBài học dự án

2HTML

Thiết lập tiêu đề và phần baoTrường nhập liệu trong biểu mẫu IBài học dự ánTrường nhập liệu trong biểu mẫu IIBài học dự ánNútBài học dự ánVăn bảnBài học dự ánHoàn thiện HTMLBài học dự án

3CSS - I

Thẻ phổ quátBài học dự ánNavBài học dự ánLớp bao biểu mẫuBài học dự ánWrapper h2 và formBài học dự ánLớp điều khiển biểu mẫuBài học dự ánInputBài học dự ánLabelBài học dự ánHiệu ứng dịch chuyển khi focusBài học dự án

Tự luyện tập: Playground Web