Hãy định kiểu cho tệp baitho.html trong Bài F7.5 theo những yêu cầu sau
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ơ.
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>
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: