Table Tag - P2 - Màu sắc trong table

Table Tag - P2 - Màu sắc trong table

  10:36 AM    Người

---

Có 2 thành phần trong Table có thể tùy chỉnh màu sắc:

• Border
• Background

Quay trở lại ví dụ cũ trong bài trước

• Màu sắc của Border được thể hiện bằng bordercolor

Câu lệnh:

<table border=3 bordercolor="pink">

<tr>

<td>Ô số 1</td>

<td>Ô số 2</td>

</tr>

<tr>

<td>Ô số 3</td>

<td>Ô số 4</td>

</tr>

</table>

Kết quả:

Ô số 1	Ô số 2
Ô số 3	Ô số 4

• Màu sắc của Background được thể hiện bằng bgcolor (Màu đơn)/ Background (Hình ảnh)

Background màu đơn
Câu lệnh:

<table border=3 bgcolor="pink">

<tr>

<td>Ô số 1</td>

<td>Ô số 2</td>

</tr>

<tr>

<td>Ô số 3</td>

<td>Ô số 4</td>

</tr>

</table>

Kết quả:

Ô số 1	Ô số 2
Ô số 3	Ô số 4

Background là một hình ảnh
Giả sử là hình ảnh này:
Vì hình nền màu xanh nên sẽ chuyển màu chữ sang màu trắng để dễ xem
Câu lệnh:

<table><font color="white"><table border=3 Background="http://www.htmlcodetutorial.com/tables/deepsea.gif">

<tr>

<td>Ô số 1</td>

<td>Ô số 2</td>

</tr>

<tr>

<td>Ô số 3</td>

<td>Ô số 4</td>

</tr></font>

</table>

Kết quả:

Ô số 1	Ô số 2
Ô số 3	Ô số 4