Tạo kiểu cho lớp equal
Bài học 10 trên 14 trong khóa học Dự án DOM: Máy tính của Coddy.
Thử thách
DễNhắm đến lớp ‘equal’:
- Đặt grid-column thành span 3.
- Đặt màu nền theo ý bạn, khác với màu của các nút khác.
- Thêm đoạn code CSS bên dưới để tạo hiệu ứng khi di chuột:
.btn:hover { opacity: 0.8; }
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 DOM: Máy tính
1Giới thiệu
Bạn sẽ xây dựng gì?3Frontend II
Tạo kiểu cho lớp calculator
Tạo kiểu cho id displayTạo kiểu cho lớp buttonsTạo kiểu cho lớp btnTạo kiểu cho lớp equalTự luyện tập: Playground Web