HTML中table表格标签常用属性讲解

HTML页面经常需要建立一个表格来展示内容 , 这时辰就需要用到表格的属性来美化表格 , 常见的属性有边框、颜色、间距、布景等 。 下面介绍HTML表格的常用属性 。

方式/
1新建一个HTML文件 , 并建立一个二行三列的表格 。 在浏览器运行代码 , 结果如下:


HTML中table表格标签常用属性讲解

文章插图

HTML中table表格标签常用属性讲解

文章插图

2表格边框属性 。 table表格经由过程border来设置边框属性 , border值越大 , 边框越粗 , 默认单元为px 。


HTML中table表格标签常用属性讲解

文章插图

HTML中table表格标签常用属性讲解

文章插图

3归并两列的单位格 。 经由过程colspan属性来设置归并的列数 , 例如 , 横跨两列的单位格设置方式如下:

HTML中table表格标签常用属性讲解

文章插图

HTML中table表格标签常用属性讲解

文章插图

4【HTML中table表格标签常用属性讲解】归并两行的单位格 。 经由过程rowspan属性来设置归并的行数 , 例如 , 横跨两行的单位格设置方式如下:

HTML中table表格标签常用属性讲解

文章插图

HTML中table表格标签常用属性讲解

文章插图

5表格中单位格边距属性 。 经由过程cellpadding属性来设置单位格的边距 , 默认单元为PX , 值越大 , 边距越大 。

HTML中table表格标签常用属性讲解

文章插图

HTML中table表格标签常用属性讲解

文章插图

6表格中单位格间距属性 。 经由过程cellspacing属性来设置单位格的间距 , 默认单元为PX , 值越大 , 间距越大 。

HTML中table表格标签常用属性讲解

文章插图

HTML中table表格标签常用属性讲解

文章插图

7表格布景颜色属性 。 经由过程bgcolor属性来设置表格的布景颜色 , 撑持色值和英文颜色值 。 例如 , 下面设置表格的布景颜色为红色 。

HTML中table表格标签常用属性讲解

文章插图

HTML中table表格标签常用属性讲解

文章插图


以上内容就是HTML中table表格标签常用属性讲解的内容啦 , 希望对你有所帮助哦!

推荐阅读