Hãy định kiểu cho tệp baitho.html trong Bài F7.5 theo những yêu cầu sau

Sách bài tập Tin học 12 Bài F8: Một số thuộc tính cơ bản của CSS - Chân trời sáng tạo

Câu F8.5 trang 52 SBT Tin học 12: Hãy định kiểu cho tệp baitho.html trong Bài F7.5 theo những yêu cầu sau:

a) Thiết đặt phông chữ Times New Roman, cỡ chữ lớn và màu sắc tuỳ ý. b) Tạo nền cho bài thơ gốc là một tệp ảnh tuỳ ý tìm trên Internet sao cho có những hình ảnh liên quan đến nội dung bài thơ.

c) Tạo hiệu ứng đổ bóng cho tựa đề bài thơ.

Quảng cáo

Lời giải:

- Đặt bài thơ vào thẻ <div> như sau:

<div style="font-family: Times New Roman; color: #ffecb4; font-size: 1.8em; width: 100%;">

<h2>Nguyên Tiêu - Hồ Chí Minh</h2>

<p>...</p>

<p>...</p>

<p>...</p>

<p>...</p>

</div>

- Để tạo nền bằng ảnh, em đặt thẻ <div> trên vào trong một thẻ <div> khác như sau:

<div

style="background-image:

url('moon.jpg');

position: bottom; height: 450px; padding: 20px 0;">

background-

<div style="font-family: Times New Roman; color: #ffecb4;

font-size: 1.8em; width: 100%;">

</div>

</div>

Đổ bóng cho tựa bài thơ như sau:

<h2 style="margin-right: 50%; text-align: right; text-shadow: 2px 3px 1px rgba(241, 236, 236, 0.5);">Nguyên Tiêu - Hồ Chí Minh</h2>

Quảng cáo

Lời giải sách bài tập Tin học 12 Bài F8: Một số thuộc tính cơ bản của CSS 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 Chân trời sáng tạo 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 Chân trời sáng tạo khác