Cho mã lệnh CSS như sau: Giả sử kích thước của tệp hinh.PNG là 512x512 pixels
Cho mã lệnh CSS như 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.3 trang 52 SBT Tin học 12: Cho 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>?
Lời giải:
- Về độ cao: độ cao của thẻ <div> là 600 mà độ cao của ảnh là 512. Như vậy, độ cao của thẻ <div> phủ được độ cao của ảnh.
- Về độ rộng: 1200 / 512 = 2.3. Như vậy, độ rộng của thẻ <div> gấp hơn 2 lần độ rộng của ảnh.
Mặt khác, thuộc tỉnh background-repeat: repeat-x làm cho ảnh nền được lặp lại theo phương ngang.
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: