Nút

Bài học 7 trên 10 trong khóa học Dự án đồng hồ bấm giờ với HTML/CSS/JS của Coddy.

Thử thách

Dễ

Tùy ý tạo kiểu cho các nút! Sau đây là một số thay đổi bắt buộc đối với thẻ button:

đặt con trỏ thành pointer
đặt padding thành giá trị khác mặc định
chọn màu nền khác màu mặc định
thêm hiệu ứng khi di chuột nếu muốn!

Đây là kết quả mẫu:

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 đồng hồ bấm giờ với HTML/CSS/JS

1Giới thiệu

Tổng quan

4Phần JS

Bắt đầu và dừng cơ bản

Đồng hồ bấm giờ hoạt động

2Phần HTML

3Phần CSS

Nút

Tự luyện tập: Playground Web