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:
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:
SBT Tin học 12 Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS
SBT Tin học 12 Bài F10: Định kiểu CSS cho siêu liên kết và danh sách
SBT Tin học 12 Bài F11: Định kiểu CSS cho bảng và phần tử <div>
Xem thêm các tài liệu học tốt lớp 12 hay khác:
- Giải sgk Tin học 12 Chân trời sáng tạo
- Giải Chuyên đề Tin học 12 Chân trời sáng tạo
- Giải SBT Tin học 12 Chân trời sáng tạo
- Giải lớp 12 Chân trời sáng tạo (các môn học)
- Giải lớp 12 Kết nối tri thức (các môn học)
- Giải lớp 12 Cánh diều (các môn học)
Sách VietJack thi THPT quốc gia 2025 cho học sinh 2k7:
- Soạn văn 12 (hay nhất) - CTST
- Soạn văn 12 (ngắn nhất) - CTST
- Giải sgk Toán 12 - CTST
- Giải Tiếng Anh 12 Global Success
- Giải sgk Tiếng Anh 12 Smart World
- Giải sgk Tiếng Anh 12 Friends Global
- Giải sgk Vật Lí 12 - CTST
- Giải sgk Hóa học 12 - CTST
- Giải sgk Sinh học 12 - CTST
- Giải sgk Lịch Sử 12 - CTST
- Giải sgk Địa Lí 12 - CTST
- Giải sgk Giáo dục KTPL 12 - CTST
- Giải sgk Tin học 12 - CTST
- Giải sgk Hoạt động trải nghiệm 12 - CTST
- Giải sgk Âm nhạc 12 - CTST