Lớp thẻ
Bài học 17 trên 23 trong khóa học Dự án slider giao diện người dùng của Coddy.
Thử thách
DễNhắm đến lớp card:
1. Đặt scroll-snap-align thành start.
2. Đặt height theo ý bạn (khuyến nghị lớn hơn 300px).
3. Đặt list-style thành none.
4. Đặt màu nền theo ý bạn.
5. Đặt cursor thành pointer
6. Đặt padding ở phía dưới thành 15 pixel.
7. Đặt flex-direction thành column
8. Đặt bán kính đường viền theo ý bạn.
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 slider giao diện người dùng
Tự luyện tập: Playground Web