Giả sử đã thiết lập trang HTML như sau: Hãy di chuyển chuột lên tôi, bạn sẽ thấy

Sách bài tập Tin học 12 Bài 17: Các mức ưu tiên của bộ chọn - Kết nối tri thức

Câu 17.10 trang 48 SBT Tin học 12: Giả sử đã thiết lập trang HTML như sau:

<!DOCTYPE html>

  <html>

  <head>

  </head>

  </body>

<div>Hãy di chuyển chuột lên tôi, bạn sẽ thấy...

‹p id = "hidden">Sự kì diệu của CSS! </p>

</div>

</body>

</html>

Hãy thiết lập CSS sao cho văn bản được trình bày theo yêu cầu sau:

A. Dòng chữ "Sự kì diệu của CSS!" sẽ được ẩn đi khi duyệt bình thường.

B. Dòng đầu tiên "Hãy di chuyển ..." được hiển thị trên nền xanh lam, trong khung màu với vùng đệm 20 px.

C. Khi di chuyển chuột lên khung màu có chữ "Hãy di chuyển ..." thì xuất hiện khung nền vàng, chữ đỏ, vùng đệm 20 px, trong khung có dòng chữ "Sự kì diệu của CSS!".

D. Khi chuột đã di chuyển qua khung nền xanh lam thì khung vàng sẽ bị ẩn đi.

Quảng cáo

Lời giải:

Mẫu CSS trên sẽ đáp ứng được hầu hết các yêu cầu, giúp tạo hiệu ứng và định dạng mong muốn cho trang HTML của bạn. Bạn có thể tùy chỉnh các thuộc tính để phù hợp hơn với giao diện mong muốn

CSS có thể thiết lập như sau:

Giả sử đã thiết lập trang HTML như sau: Hãy di chuyển chuột lên tôi, bạn sẽ thấy

Quảng cáo

Lời giải sách bài tập Tin học 12 Bài 17: Các mức ưu tiên của bộ chọn hay khác:

Quảng cáo

Xem thêm các bài giải sách bài tập Tin học lớp 12 Kết nối tri thức hay, chi tiết khác:

Xem thêm các tài liệu học tốt lớp 12 hay khác:

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Nếu thấy hay, hãy động viên và chia sẻ nhé! Các bình luận không phù hợp với nội quy bình luận trang web sẽ bị cấm bình luận vĩnh viễn.


Giải bài tập lớp 12 Kết nối tri thức khác