Màu sắc
Bài học 4 trên 8 trong khóa học Dự án CSS: nút bấm bắt mắt của Coddy.
Màu nền và màu chữ là một trong những yếu tố quan trọng nhất khi tạo kiểu cho nút!
Để dễ đọc, bạn cần chú ý đến độ tương phản màu sắc. Khi màu nền tối, màu chữ nên sáng.
Một số màu tối:
- đen
- xanh dương
- đỏ
- nâu
Một số màu sáng:
- trắng
- vàng
- hồng
Thử thách
DễNhiệm vụ:
- Đặt màu chữ của nút thành
white - Đặt màu nền của nút thành màu tối, đảm bảo độ tương phản đủ cao!
Mẹo:
Bạn có thể đặt màu nền chuyển sắc tuyến tính bằng cách dùng (bạn có thể điều chỉnh màu sắc):
background: linear-gradient(rgb(6, 6, 209), rgb(46, 46, 219));Hoặc thêm góc (ví dụ: 45 độ):
background: linear-gradient(45deg, rgb(6, 6, 209), rgb(46, 46, 219));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