Please enable JavaScript.
Coggle requires JavaScript to display documents.
Bảng HTML, Đường viền bảng HTML, Nhóm bảng HTML, Kích thước bảng HTML,…
Bảng HTML
-
-
-
Tiêu đề bảng
Đôi khi bạn muốn các ô của mình là các ô tiêu đề bảng. Trong những trường hợp đó, hãy sử dụng <th>thẻ thay vì <td>thẻ:
(th viết tắt của tiêu dề bảng).
Đường viền bảng HTML
Kiểu viền bo góc
Với border-radius thuộc tính này, các đường viền sẽ được bo tròn các góc:
-
Cách Thêm Đường Viền
Để thêm đường viền, hãy sử dụng border thuộc tính CSS trên các phần tử table, th, và td:
ví dụ: table, th, td { border: 1xp soil black;}
Đường viền bảng thu gọn
Để tránh có đường viền kép như trong ví dụ trên, hãy đặt thuộc tính CSS border-collapse thành collapse.
ví dụ: table, th, td {
border: 1px soid black;
border-collapse;
}
Kiểu viền bảng
Nếu bạn thiết : lập màu nền cho mỗi ô và tô màu trắng cho đường viền (giống như màu nền của tài liệu), bạn sẽ có cảm giác như có một đường viền vô hình:
-
border: 2px solid #4CAF50: viền 2px, nét liền, màu xanh lá
-
Đường viền bảng chấm bi
Với border-stylethuộc tính này, bạn có thể thiết lập giao diện của đường viền.
-
Màu viền
Với border-colorthuộc tính này, bạn có thể thiết lập màu cho đường viền.
Nhóm bảng HTML
-
Nhiều phần tử cột
Nếu bạn muốn tạo kiểu cho nhiều cột với các kiểu khác nhau, hãy sử dụng nhiều hơn một <col>phần tử bên trong <colgroup>:
-
-
-
-
Kích thước bảng HTML
Chiều rộng bảng HTML
Để thiết lập chiều rộng của bảng, hãy thêm style thuộc tính vào <table>phần tử:
-
-
-
-
-