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

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 trang 48 SBT Tin học 12

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:

ĐỀ THI, GIÁO ÁN, GÓI THI ONLINE DÀNH CHO GIÁO VIÊN VÀ PHỤ HUYNH LỚP 12

Bộ giáo án, đề thi, bài giảng powerpoint, khóa học dành cho các thầy cô và học sinh lớp 12, đẩy đủ các bộ sách cánh diều, kết nối tri thức, chân trời sáng tạo tại https://tailieugiaovien.com.vn/ . Hỗ trợ zalo VietJack Official


Giải bài tập lớp 12 Kết nối tri thức khác
Tài liệu giáo viên