Chèn mã lệnh CSS để định kiểu cho các mục li của các danh sách ul

Giải Tin học 12 Bài F7: Giới thiệu CSS - Chân trời sáng tạo

Vận dụng 3 trang 107 Tin học 12: Chèn mã lệnh CSS để định kiểu cho các mục <li> của các danh sách <ul> sao cho: Các mục được đánh dấu đầu dòng bằng biểu tượng đĩa tròn; phần nội dung của mỗi mục được tô nền vàng nhạt và đóng khung viền vàng đậm, bo tròn 4 góc.

Lời giải:

Sử dụng thuộc tính list-style-type với giá trị circle để thay đổi biểu tượng đánh dấu đầu dòng; thuộc tính background-color và border lần lượt cho màu nên và viên của mỗi mục; thuộc tính border-radius với giá trị 19px để bo tròn 4 góc của khung. Ngoài ra, có thể thêm thuộc tính padding với giá trị 10px để tạo khoảng trống bao quanh phần văn bản nằm trong khung.

Lời giải bài tập Tin học 12 Bài F7: Giới thiệu CSS hay khác:

• Khởi động trang 101 Tin học 12: Trong trang web porfolio.html đã tạo ở bài học trước, em hãy trình bày ....

• Hoạt động trang 102 Tin học 12: Em hãy trình bày một số lợi ích của CSS trong việc xây dựng ....

• Hoạt động 1 trang 103 Tin học 12: Em hãy định kiểu cho kích thước phông chữ của các phần tử ....

• Hoạt động 2 trang 103 Tin học 12: Em hãy thay đổi màu cho riêng đề mục Giới thiệu chung từ màu ....

• Luyện tập 1 trang 104 Tin học 12: Theo em, HTML và CSS khác nhau ở điểm nào? ....

• Luyện tập 2 trang 104 Tin học 12: Em hãy mô tả các cách chèn mã lệnh CSS vào trang web ....

• Luyện tập 3 trang 104 Tin học 12: Giả sử trong tệp .css, mã lệnh được viết là h1 {color: red;}, ....

• Thực hành trang 104 Tin học 12: Bài thực hành này áp dụng cho trang web portfolio.html Nhiệm vụ 1. Định kiểu CSS cho các phần tử <h1> ....

• Thực hành trang 104 Tin học 12: Bài thực hành này áp dụng cho trang web portfolio.html Nhiệm vụ 2. Định kiểu CSS cho bảng ....

• Vận dụng 1 trang 107 Tin học 12: Chèn mã lệnh CSS để định kiểu cho lên của mình trong trang ....

• Vận dụng 2 trang 107 Tin học 12: Chèn mã lệnh CSS để tô màu xanh cho hàng tiêu đề của bảng ....

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:

• Tin học 12 Bài F8: Một số thuộc tính cơ bản của CSS

• Tin học 12 Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

• Tin học 12 Bài F10: Định kiểu CSS cho siêu liên kết và danh sách

• Tin học 12 Bài F11: Định kiểu CSS cho bảng và phần tử <div>

• Tin học 12 Bài F12: Định kiểu CSS cho biểu mẫu

Săn shopee siêu SALE :

• Sổ lò xo Art of Nature Thiên Long màu xinh xỉu
• Biti's ra mẫu mới xinh lắm
• Tsubaki 199k/3 chai
• L'Oreal mua 1 tặng 3

ĐỀ 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áo án, bài giảng powerpoint Văn, Toán, Lí, Hóa....

4.5 (243)

799,000đs

199,000 VNĐ

1000 Đề thi bản word THPT quốc gia cá trường 2023 Toán, Lí, Hóa....

4.5 (243)

799,000đ

199,000 VNĐ

Đề thi thử DGNL (bản word) các trường 2023

4.5 (243)

799,000đ

199,000 VNĐ

xem tất cả