HTML标签中table如何跨行跨列

作者:没什么大不了 | 创建时间: 2023-06-12
HTML中文译:超文本标记语言。其中标签table,曾经非常流行于网页的布局,而当今主要用于后台页面制作,或者编写数据堆积的表格。小编在这里要为大家分享table标签的使用及其如何跨行跨列。...
HTML标签中table如何跨行跨列

操作方法

首先,我们来看一下表格的结构,代码及效果如下图所示

其次,我们来看一下表格的语法,代码及效果如下图所示

再次,我们来看一下简单的一个表格代码书写,代码及效果如下图所示

然后,我们使用table的属性 colspan进行 跨列,代码及效果如下图所示

再然后,我们使用table的属性 rowspan进行 跨行,‍代码及效果如下图所示

最后,我们使用table的属性 rowspan和 colspan进行 跨行跨列,代码及效果如下图所示

温馨提示

table标签上的属性border是设置表格边框大小的,其属性值为数字,默认为0,值越大边框越粗。
点击展开全文

更多推荐