html表格输入框背景颜色,HTML快速入门5——不规则表格、表格背景、边框颜色

不规则表格

例子：

border=1>

1,11,21,3

colspan=2>2,1 2,2

2,3

显示：

1,1

1,2

1,3

2,1 2,2

2,3

说明：

colspan是col

span，=2意思是该格占两列。随后的

就变成第三列了。

例子：

border=1>

1,1

rowspan=2>1,2
2,2

1,32,12,3

显示：

1,1

1,2

2,2

1,3

2,1

2,3

说明：

rowspan和colspan完全类似，=2表示该格占两行。

注意第二行第一个td是2,1而第二个td就是2,3了，2,2被第一行的占去了。

然后大家很容易举一反三了，多么不规则的表格都可以画出来了。

不知道大家是如何设想来实现不规则表格的呢？(这是上课的思考题呦)

是不是觉得很奇妙，就这么简单的实现了！？

而且表格同样符合嵌套规则，比如：

width=100%>

其他文字１

align=center>

标题一标题二 其他文字２其他正文

显示：

其他文字１

标题一

标题二

其他文字２

其他正文

而且一般来说用表格嵌套更简单些，colspan,rowspan相对复杂一些。

将border=0会隐藏表格线，就可以实现排版了，实际上象新浪网易这些站点的首页都是用表格排版的。

今天内容相对比较少，顺便再把表格的背景颜色讲一下

表格背景、边框颜色

例子：

bgcolor=yellow>

文字

显示：

文字

聪明的学生马上又可以举一反三了，table有，那tr呢？td呢？

当然也有！

例子：

border=1>

文字１文字２

bgcolor=red>文字３

bgcolor=blue>文字４

显示：

文字１

文字２

文字３

文字４

爱动脑筋的学生可能已经想过如何改变文字背景颜色的问题了。

实际上在引入style(我们会在比较后面讲述他)之前，

用表格几乎是唯一能改变文字背景颜色的方法。

上面的边框颜色显然不太好。可以改一改。

例子：

bordercolor=red>

文字

显示：

文字