Giải Câu 3 trang 122 Vận dụng Bài F9. Một số kĩ thuật định kiểu bằng vùng chọn lọc trong CSS SGK Tin học 12- Chân trời sáng tạo. Tham khảo: Sử dụng id “highlight-cell” hoặc tên lớp “highling-cell” để làm nổi bật.
Câu hỏi/Đề bài:
Định kiểu với màu sắc tuỳ ý để làm nổi bật một số ô trong bảng Lịch sinh hoạt hằng tuần bằng vùng chọn id hoặc tên lớp.
Hướng dẫn:
Sử dụng id “highlight-cell” hoặc tên lớp “highling-cell” để làm nổi bật.
Lời giải:
Để định kiểu với màu sắc tuỳ ý để làm nổi bật một số ô trong bảng “Lịch sinh hoạt hằng tuần” bằng vùng chọn id hoặc tên lớp, em có thể thực hiện các bước sau:
Đầu tiên, thêm id hoặc tên lớp cho các ô trong bảng mà em muốn làm nổi bật. Ví dụ, ta có thể thêm id “highlight-cell” hoặc tên lớp “highlight-cell” cho những ô cần làm nổi bật. Ví dụ mã HTML của bảng có thể như sau:
Tiếp theo, trong tệp CSS hoặc thẻ <style>, khai báo các quy tắc CSS cho id hoặc tên lớp tương ứng. Ví dụ:
– Sử dụng id:
– Sử dụng tên lớp: