Giải Tin học 12 trang 107 Chân trời sáng tạo
Haylamdo biên soạn và sưu tầm lời giải bài tập Tin học 12 trang 107 trong Bài F7: Giới thiệu CSS Tin học 12 Chân trời sáng tạo hay nhất, ngắn gọn sẽ giúp học sinh dễ dàng trả lời các câu hỏi & làm bài tập Tin 12 Khoa học máy tính trang 107.
Giải Tin học 12 trang 107 Chân trời sáng tạo
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 web portfolio.html với màu sắc, kích thước, hiệu ứng độ bóng và khoảng cách của các kí tự tuỳ ý sao cho nổi bật và đẹp mắt.
Lời giải:
Thực hiện chèn mã lệnh CSS để định kiểu cho lên của mình trong trang web portfolio.html với màu sắc, kích thước, hiệu ứng độ bóng và khoảng cách của các kí tự tuỳ ý sao cho nổi bật và đẹp mắt:
<h1 style="color: #006bb1; text-shadow: 1px 1px 2px rgba (0, 0, 0, 0.5);">Giới thiệu chung</h1>
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 trong Nhiệm vụ 2 ở THỰC HÀNH đồng thời thay đổi màu chữ thành màu trắng.
Lời giải:
Thực hiện chèn mã lệnh CSS để tô màu xanh cho hàng tiêu đề của bảng trong Nhiệm vụ 2 ở THỰC HÀNH đồng thời thay đổi màu chữ thành màu trắng.
<head>
<style>
h1 {
}
</style>
</head>
color: #006bb0;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
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: