Đề bài

Em hãy trình bày những khai báo vùng chọn và thuộc tính dùng để định kiểu đường viền và màu nền cho bảng.

Phương pháp giải

Sử dụng kiến thức được cung cấp trong bài học để trả lời.

Lời giải của GV Loigiaihay.com

Để định kiểu đường viền và màu nền cho bảng, chúng ta có thể sử dụng các khai báo vùng .Để định kiểu đường viền và màu nền cho bảng, chúng ta có thể sử dụng các khai báo vùng chọn (selector) và thuộc tính CSS. Dưới đây là các khai báo thường được sử dụng để định kiểu cho bảng:

Định kiểu cho toàn bộ bảng:

https://tech12h.com/sites/default/files/ck5/2024-04/image_19868.png

Định kiểu cho dòng tiêu đề (header) trong bảng:

https://tech12h.com/sites/default/files/ck5/2024-04/image_19867.png

Định kiểu cho các ô trong bảng:


https://tech12h.com/sites/default/files/ck5/2024-04/image_19869.png

Các bài tập cùng chuyên đề

Bài 1 :

Theo em nên dùng thẻ gì để trình bày một bảng danh sách tên học sinh trên trang web?

Xem lời giải >>
Bài 2 :

Viết mã lệnh CSS để định kiểu nền màu vàng nhạt cho các hàng lẻ trong bảng.

Xem lời giải >>
Bài 3 :

Viết mã lệnh CSS để tạo ra 3 vùng A, B, C lần lượt nằm kề nhau theo phương ngang.

Xem lời giải >>
Bài 4 :

Em hãy trình bày những thuộc tính và giá trị dùng để định kiểu cho thẻ <div> giúp tạo bố cục trang web.

Xem lời giải >>
Bài 5 :

Ưu điểm của việc tạo bố cục trang web bằng các thẻ <div> là gì?

Xem lời giải >>
Bài 6 :

Chỉnh sửa trang chủ của kỉ yếu (tệp index.html và tệp layout.css) sao cho bố cục gồm 3 vùng:

Vùng 1: Dùng để chứa thanh điều hướng nằm ngang (đã tạo ở bài học trước).

Vùng 2: Dùng để hiển thị nội dung, cụ thể trang chủ có nội dung giới thiệu về lớp.

Vùng 3: Dùng để làm vùng chân trang.

Hình 11 là một ví dụ kết quả sau khi hoàn thành chỉnh sửa.


https://tech12h.com/sites/default/files/ck5/2024-04/image_19877.png
Xem lời giải >>
Bài 7 :

Chỉnh sửa trang web thanhvienlop.html (đã thực hiện ở những bài học trước) sao cho bố cục cũng gồm 3 phần như trang chủ của trang web index.html. Trong đó, đặt bảng thành viên lớp vào vùng 2 và sử dụng CSS để định kiểu cho bảng này.

Hình 12 là một ví dụ kết quả sau khi hoàn thành chỉnh sửa.


Xem lời giải >>