欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 1. 表格

<table> 表格

<tr> 表格行

<td> 表格列

如下图所示,定义了一个2×2的空表格,此时网页上显示的是空白,表格的边框是看不到的

HTML基础-2

 

HTML基础-2

 

我们可以在表格中写一些内容,如下图所示。

HTML基础-2

 

HTML基础-2

 

现在表格有了内容,但是没有边框,看着不习惯,我们为表格定义边框,如下图所示。border="1"是设置表格边框的宽度为1像素

HTML基础-2

 

HTML基础-2

 

我们还可以将表格变宽一些,同时使表格中的第一行内容居中,如下图所示。wideh="300"设置表格的宽度是300像素,align="center"设置表格内容居中。

HTML基础-2

 

HTML基础-2

 

随后我们来设置以下表格单元格的背景颜色,在这里设置第一行的背景颜色为春绿色,关于颜色对应的RGB,可以去网上搜索颜色表。如下图所示。

HTML基础-2

 

HTML基础-2

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h50678.shtml