你的位置:首页 > 软件开发 > 网页设计 > rowspan和colspan用法详解

rowspan和colspan用法详解

发布时间:2015-07-14 16:00:13
rowspan和colspan用法详解:表格是组织数据的利器,表格中有两个属性rowspan和colspan,非常的重要,利用这两个属性可以实现单元格的合并效果,下面就通过代码实例分别介绍一下这两个属性的作用。一.colspan属性:此属性可以实现横向跨列单元格合并效果。为了便于 ...

rowspan和colspan用法详解:

表格是组织数据的利器,表格中有两个属性rowspan和colspan,非常的重要,利用这两个属性可以实现单元格的合并效果,下面就通过代码实例分别介绍一下这两个属性的作用。

一.colspan属性:

此属性可以实现横向跨列单元格合并效果。

为了便于理解可以先从属性单词上入手,colspan是一个合成词:column(列)+span(跨度).

属性值是数字,表示跨几个列合并单元格。

代码实例如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title></head><body><table border="1"> <tr>  <td colspan="2">蚂蚁标题</td> </tr> <tr>  <td>蚂蚁部落</td>  <td>免费教程</td> </tr></table></body></html>

原标题:rowspan和colspan用法详解

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录