BÀI 15. TẠO MÀU CHO CHỮ VÀ NỀN

Câu 1: Giả sử em đang làm việc với một trang web chứa nhiều phần tử <header>, <footer>, và một số thẻ <div> lồng nhau. Em muốn áp dụng các thuộc tính CSS sao cho phần tử <header> có màu nền là xanh dương, phần tử <footer> có màu nền là xám, và các phần tử <div> có màu nền là trắng. Tuy nhiên, cần đảm bảo rằng tất cả các phần tử <div> lồng trong <header> và <footer> không bị thay đổi màu nền. Đoạn mã CSS dưới đây sẽ thực hiện yêu cầu này một cách chính xác:

a.

b.

c.

d.

Câu 2: Trong một trang web, Em sử dụng một bảng với 3 cột và 5 hàng. Em muốn thay đổi màu nền của toàn bộ bảng, nhưng các cột thứ 2 và thứ 3 cần có màu nền khác biệt. Em cũng muốn khi người dùng di chuột vào bất kỳ hàng nào, màu nền của hàng đó thay đổi. Đoạn mã CSS dưới đây sẽ giúp em thực hiện được các yêu cầu trên:

a.

b.

c.

d.

Câu 3: An đang thiết kế một trang web và muốn sử dụng hệ màu HSL để tạo ra các hiệu ứng màu sắc động khi người dùng di chuột vào một phần tử. An có đoạn mã CSS như sau:

Điều gì sẽ xảy ra khi An di chuột vào phần tử <div>?

a. Màu nền của phần tử <div> sẽ chuyển từ đỏ sang xanh lá cây trong vòng 0.3 giây.

b. Màu nền của phần tử <div> sẽ chuyển từ đỏ sang trắng trong vòng 0.3 giây.

c. Màu nền của phần tử <div> sẽ thay đổi ngay lập tức từ đỏ sang xanh lá cây.

d. Màu nền của phần tử <div> sẽ không thay đổi khi di chuột vào, vì cú pháp CSS không đúng.