Câu hỏi:
01/11/2024 20Hã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ơ.
Sách mới 2k7: 30 đề đánh giá năng lực DHQG Hà Nội, Tp. Hồ Chí Minh, BKHN 2025 mới nhất (600 trang - chỉ từ 140k).
Quảng cáo
Trả lời:
- Đặt bài thơ vào thẻ <div> như sau:
<div style=" color: #ffecb4; 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=" color: #ffecb4;
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>
CÂU HỎI HOT CÙNG CHỦ ĐỀ
Câu 1:
Cho mã lệnh CSS như sau:
a) pixel, point, em.
b) Arial, Times New Roman, Georgia.
c) normal, italic, oblique.
d) bold, bolder, lighter, 500, 600, 700.
<p style="text-decoration: underline overline line-through;"> Cascading Style Sheets</p>
Có bao nhiêu đường gạch được hiển thị đối với dòng chữ “Cascading Style Sheets"?
Câu 2:
Cho mã lệnh CSS như sau:
<div style="border: 2px solid blue; width: 400px; padding: 20px 30px; margin: 15px 48px 20px 18px">JavaScript là ngôn ngữ lập trình để tạo trang web tương tác</div>
Em hãy điền vào Hình 1 kích thước của các thành phần trong thẻ <div> Biết rằng phần văn bản có độ cao là 24 pixels.
Câu 3:
Ghép mỗi thuộc tính ở cột bên trái với một giá trị ở cột bên phải cho phù hợp.
Câu 4:
ho mã lệnh CSS như sau:
<div style="background-image: url('hinh.png'); background-repeat: repeat-x; width: 1200px; height: 600px;"></div>
Giả sử kích thước của tệp hinh.png là 512x512 pixels. Hỏi kích thước của hình ảnh trong tệp hinh.png sẽ được hiển thị như thế nào trong phần tử
<div>?
về câu hỏi!