Trang chủ Lớp 12 Tin học lớp 12 SGK Tin học 12- Chân trời sáng tạo Câu 3 trang 122 Vận dụng Tin học 12- Chân trời sáng...

Câu 3 trang 122 Vận dụng Tin học 12- Chân trời sáng tạo: Đị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

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:

https://tech12h.com/sites/default/files/ck5/2024-04/image_19851.png

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:

https://tech12h.com/sites/default/files/ck5/2024-04/image_19852.png

– Sử dụng tên lớp:

https://tech12h.com/sites/default/files/ck5/2024-04/image_19853.png