股票能锁仓吗:表格边框代码应用（一） - 无所谓的日志 - 网易博客

来源：百度文库编辑：九乡新闻网时间：2024/04/24 18:32:26

表格边框代码应用（一）

代码应用 2010-05-30 08:57:37 阅读44 评论2 字号：大中小订阅

表格边框代码应用（一）

一、表格的基本代码：

表格由

和

这六标签以及border这个属性组合而成，可以通过在代码中加入更多属性来实现表格的各种不同样式。

1、最简单的表格：

代码：

表格内容

效果：

表格内容

说明：表格内的“表格内容”可以是文字、图片、flash、链接网址等。

2 、多单元表格：

代码：

表格内容

效果：

表格内容表格内容表格内容

3 、多行多列表格：

代码：

表格内容	表格内容	表格内容
表格内容	表格内容	表格内容

效果：

表格内容表格内容表格内容表格内容表格内容表格内容

二、表格栏位合并的代码：

表格栏位合并基本上分为行合并和列合并两种。

1、左右栏位合并的表格：

代码：

表格内容
表格内容	表格内容	表格内容

效果：

表格内容

说明：首行的标签中多了一个colspan命令，这是“左右栏位合并”的属性，colspan=3的意思是“首行合并了3个单元格”，因此后面的的两个都可以省掉，因为那两格被合并了。

底行左右栏位合并的表格：

代码：

表格内容	表格内容	表格内容
表格内容	表格内容	表格内容
表格内容

效果：

表格内容表格内容表格内容表格内容表格内容表格内容

表格内容

说明：底行的标签中多了一个colspan命令，这也是“左右栏位合并”的属性，colspan=3的意思是“底行合并了3个单元格”，因此后面的的两个都也可以省掉。

2、上下栏位合并的表格：

代码：

表格内容

效果：

表格内容

表格内容表格内容表格内容表格内容

说明：首列的标签中则多了个rowspan命令，这是“上下栏位合并”的属性，rowspan=2的意思是“首列合并了2个单元格”。

0人 | 分享到：阅读(44)| 评论(2)| 引用 (2) |举报 PS教程--移花接木 sucaiku 寒梅傲雪秦豫皓首乖乖聚缘仙阁雨薇 nongxins 秦腔

2010-05-31 22:21秦回复

2010-06-01 17:37 无所谓回复秦腔祝工作愉快!回复上一页 1... -1-1-1-1-1-1-1... -1下一页

页脚

公司简介 - 联系方法 - 招聘信息 - 客户服务 - 相关法律 - 博客风格 - 手机博客- 订阅此博客

表格边框代码应用（一） - 无所谓的日志 - 网易博客表格边框代码应用（四） - 无所谓的日志 - 网易博客表格边框代码应用（三） - 无所谓的日志 - 网易博客表格边框代码应用（二） - 无所谓的日志 - 网易博客【学习表格边框代码应用】（1） - 燕儿的日志 - 网易博客【学习表格边框代码应用】(2) - 燕儿的日志 - 网易博客表格边框代码应用（一）首页日志导航条代码 - 无所谓的日志 - 网易博客透明FLASH边框地址 - 无所谓的日志 - 网易博客音画作品边框 - 无所谓的日志 - 网易博客表格边框代码应用表格边框代码应用特效字滚动代码大全 - 无所谓的日志 - 网易博客表格边框代码应用（7）表格边框代码应用（三）表格边框代码应用（四）表格边框代码应用（五）无所谓的日志 - 网易博客表格边框代码应用2 精美日志边框（一） - 静的日志 - 网易博客【表格代码的结构】 - 燕儿的日志 - 网易博客给日志做封面的代码 - 无所谓的日志 - 网易博客博客实用代码--彩色闪动字 - 无所谓的日志 - 网易博客 1)代码边框 - 淡淡的薄雾的日志 - 网易博客