在认证公司上班怎么样:表格边框代码应用（1）

来源：百度文库 编辑：偶看新闻 时间：2024/04/24 14:18:45

表格边框代码应用（1）

 

一、表格的基本代码：

           表格由

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

       1、最简单的表格：

代码：

表格内容
    

效果：

表格内容

 

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

 

      2 、多单元表格：

代码：

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

效果：

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

 

 

      3 、多行多列表格：

代码：

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

效果：

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

 

 

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

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

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

代码：

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

效果：

表格内容

表格内容

表格内容

表格内容

 

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

 

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

代码：

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

效果：

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

表格内容

 

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

  

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

代码：

表格内容

表格内容

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

效果：

表格内容

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

 

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

设置网页表格边框 表格动态边框 CSS表格边框问题 10. 设置围绕表格的边框宽度的HTML代码是？ 采用三种不同的代码方法制作细边框线的表格网页 excle 表格边框的概念? EXCEL无法显示表格边框 想在WORD里用自己喜欢的个性化边框（ACDsee格式），怎么应用到边框 Excel表格的应用 QQ空间去边框代码 谁知道无边框口代码? qq空间隐藏边框代码 QQ空间去边框代码 qq空间模糊边框代码 怎样制作带有边框的表格？？ word 边框与表格的区别 怎么样定义表格的细边框 网页表格边框如何变图片？ 如何使表格的边框消失 EXCEL表格中表格边框线粗细的设定？ 请教:word 表格 公式应用 excel表格的应用技巧 vf 表单表格控件应用 QQ空间无边框Flash代码