Cho mã lệnh CSS như sau: Giả sử kích thước của tệp hinh.PNG là 512x512 pixels

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>?

Quảng cáo

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.

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