Tạo kiểu cuối cùng
Bài học 8 trên 8 trong khóa học Dự án CSS: nút bấm bắt mắt của Coddy.
Làm tốt lắm, bạn đã tạo được một nút bắt mắt với đầy đủ tùy chỉnh!
Cuối cùng, chúng ta muốn thay đổi con trỏ khi di chuột qua nút bằng thuộc tính
.fancyButton {
...
cursor: pointer;
}
Thử thách
DễThêm con trỏ chuột khi di chuột qua nút và tùy chỉnh kiểu dáng cuối cùng theo ý bạn.
Khi sẵn sàng, hãy chạy code và hoàn thành dự án!
Sau đó, bạn có thể xem lời giải để biết nút của chúng ta trông như thế nào :)
Tự làm thử
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Viết code HTML ở đây -->
</body>
</html>Tất cả bài học trong Dự án CSS: nút bấm bắt mắt
Tự luyện tập: Playground Web