Chèn mã lệnh CSS để định kiểu cho các mục <li> của các danh sách <ul>
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.
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 140 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 134 Tin học 12: Trong trang web porfolio.html đã tạo ở bài học trước ....
Hoạt động 1 trang 136 Tin học 12: Em hãy định kiểu cho kích thước phông chữ của ....
Hoạt động 2 trang 136 Tin học 12: Em hãy thay đổi màu cho riêng đề mục Giới thiệu ....
Luyện tập 1 trang 137 Tin học 12: Theo em, HTML và CSS khác nhau ở điểm nào? ....
Luyện tập 2 trang 137 Tin học 12: Em hãy mô tả các cách chèn mã lệnh CSS vào trang web ....