Em hãy định kiểu cho các thông tin cá nhân bằng phông chữ Georgia

Giải 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

Vận dụng 1 trang 115 Tin học 12: Em hãy định kiểu cho các thông tin cá nhân bằng phông chữ Georgia, họ tên có kích thước 24 pt, các thông tin còn lại có kích thước 20 pt.

Quảng cáo

Lời giải:

Thực hiện định kiểu cho các thông tin cá nhân bằng phông chữ Georgia, họ tên có kích thước 24 pt, các thông tin còn lại có kích thước 20 pt.

- Em đặt các thông tin cá nhân vào cặp thẻ <div>/div>.

Để căn phải cho phần thông tin cá nhân, trong thuộc tính style của thẻ <div>, em chỉ định giá trị cho thuộc tính text-align là right.

- Giả sử tệp ảnh làm nền có tên là hinhnen.jpg.

Để tạo nền là ảnh, em viết thêm một cặp thẻ <div></div> bên ngoài phần mã lệnh trên và chỉ định giá trị cho thuộc tính background-image là tệp ảnh đặt trong hàm url().

Đoạn mã CSS được viết như sau:

<h1>Giới thiệu chung</h1>

<div style="background-image: url('hinh_nen.jpg'); background-size: cover;">

<div style="color: #ffffff; text-align: right; height: 540px; padding: 50px 100px;"> <p>...</p>

</div>

</div>

Quảng cáo

Lời giải 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
Quảng cáo

Xem thêm lời giải bài tập Tin học lớp 12 Chân trời sáng tạo hay nhất, ngắn gọn khác:

Săn shopee siêu SALE :

ĐỀ 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


Các loạt bài lớp 12 khác
Tài liệu giáo viên