VI DU THE D
Xác định background cho bảng trong HTML
Bạn có thể sử dụng một trong hai cách sau để thiết lập nền của bảng:
Thuộc tính bgcolor - Bạn sử dụng để thiết lập màu nền cho cả bảng
hoặc chỉ cho một ơ.
Thuộc tính background - Bạn sử dụng để thiết lập ảnh nền cho cả
bảng hoặc chỉ cho một ơ.
Bên cạnh đó, bạn có thể thiết lập màu cho Border bằng cách sử dụng thuộc tính bordercolor.
Ví dụ
<!DOCTYPE html> <html>
<head>
<title>Vi du tao background cho bang trong HTML</title> </head>
<body>
<table border="1" bordercolor="green" bgcolor="yellow"> <tr>
<th>Column 1</th> <th>Column 2</th> <th>Column 3</th> </tr>
<tr><td rowspan="2">Row 1 Cell 1</td><td>Row 1 Cell 2</td><td>Row 1 Cell 3</td></tr> <tr><td>Row 2 Cell 2</td><td>Row 2 Cell 3</td></tr>
<tr><td colspan="3">Row 3 Cell 1</td></tr> </table>
</body> </html>
Nó sẽ tạo ra kết quả sau:
Column 1 Column 2 Column 3
Row 1 Cell 1 Row 1 Cell 2 Row 1 Cell 3 Row 2 Cell 2 Row 2 Cell 3 Row 3 Cell 1
Dưới đây là một ví dụ về sử dụng thuộc tính background. Tại đây chúng tơi sử dụng một hình có trong thư mục ảnh.
<!DOCTYPE html> <html>
<head>
<title>Vi du tao background cho bang trong HTML</title> </head>
<body>
<table border="1" bordercolor="green" background="/images/test.png"> <tr>
<th>Column 1</th> <th>Column 2</th> <th>Column 3</th> </tr>
<tr><td rowspan="2">Row 1 Cell 1</td><td>Row 1 Cell 2</td><td>Row 1 Cell 3</td></tr> <tr><td>Row 2 Cell 2</td><td>Row 2 Cell 3</td></tr>
<tr><td colspan="3">Row 3 Cell 1</td></tr> </table>
</body> </html>
Kết quả hiển thị là. Ở đây ảnh nền không áp dụng cho Tiêu đề bảng.
Column 1 Column 2 Column 3
Row 1 Cell 1 Row 1 Cell 2 Row 1 Cell 3 Row 2 Cell 2 Row 2 Cell 3 Row 3 Cell 1