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:

ĐỀ 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 Chân trời sáng tạo khác
Tài liệu giáo viên