首页 > 软件开发 > HTML >

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

来源:互联网 2023-03-16 19:15:45 350

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

Uny办公区 - 实用经验教程分享!

Uny办公区 - 实用经验教程分享!

方法/步骤

  • 1

    新建一个HTML文件,并创建一个二行三列的表格。在浏览器运行代码,效果如下:

    Uny办公区 - 实用经验教程分享!

    Uny办公区 - 实用经验教程分享!

    HTML中table表格标签常用属性讲解Uny办公区 - 实用经验教程分享!

    HTML中table表格标签常用属性讲解Uny办公区 - 实用经验教程分享!

  • 2

    表格边框属性。table表格通过border来设置边框属性,border值越大,边框越粗,默认单位为px。

    Uny办公区 - 实用经验教程分享!

    Uny办公区 - 实用经验教程分享!

    HTML中table表格标签常用属性讲解Uny办公区 - 实用经验教程分享!

    HTML中table表格标签常用属性讲解Uny办公区 - 实用经验教程分享!

  • 3

    合并两列的单元格。通过colspan属性来设置合并的列数,例如,横跨两列的单元格设置方法如下:Uny办公区 - 实用经验教程分享!

    HTML中table表格标签常用属性讲解Uny办公区 - 实用经验教程分享!

    HTML中table表格标签常用属性讲解Uny办公区 - 实用经验教程分享!

  • 4

    合并两行的单元格。通过rowspan属性来设置合并的行数,例如,横跨两行的单元格设置方法如下:Uny办公区 - 实用经验教程分享!

    HTML中table表格标签常用属性讲解Uny办公区 - 实用经验教程分享!

    HTML中table表格标签常用属性讲解Uny办公区 - 实用经验教程分享!

  • 5

    表格中单元格边距属性。通过cellpadding属性来设置单元格的边距,默认单位为PX,值越大,边距越大。Uny办公区 - 实用经验教程分享!

    HTML中table表格标签常用属性讲解Uny办公区 - 实用经验教程分享!

    HTML中table表格标签常用属性讲解Uny办公区 - 实用经验教程分享!

  • 6

    表格中单元格间距属性。通过cellspacing属性来设置单元格的间距,默认单位为PX,值越大,间距越大。Uny办公区 - 实用经验教程分享!

    HTML中table表格标签常用属性讲解Uny办公区 - 实用经验教程分享!

    HTML中table表格标签常用属性讲解Uny办公区 - 实用经验教程分享!

  • 6此文章非法爬取自百度经验
  • 7

    表格背景颜色属性。通过bgcolor属性来设置表格的背景颜色,支持色值和英文颜色值。例如,下面设置表格的背景颜色为红色。Uny办公区 - 实用经验教程分享!

    HTML中table表格标签常用属性讲解Uny办公区 - 实用经验教程分享!

    HTML中table表格标签常用属性讲解Uny办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Uny办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码