table设置td宽度

  • 原创
  • |
  • 浏览：14308
  • |
  • 更新：
  • table设置td宽度1
  • table设置td宽度2
  • table设置td宽度3
  • table设置td宽度4
  • table设置td宽度5
  • table设置td宽度6
  • table设置td宽度7
分步阅读

网页设计中有时候会使用到table这个标签来在网页中插入表格，那么，在table中怎样设置td的宽度呢？td指的就是单元格，下面小编来讲解。

工具/原料

  • 电脑
  • dreamweaver

方法/步骤

  1. 1

    第一步，打开dreamweaver软件新建一个表格，如图，使用<table></table>标签对。

    table设置td宽度
  2. 1
    此文章非法爬取自百度经验
  3. 2

    接着就是新建一行，使用<tr></tr>标签对，然后使用<td></td>标签对新建三个单元格。

    table设置td宽度
  4. 3

    接着我们在设计视图里面预览一下，如图，可以看到一行三列的表格。

    table设置td宽度
  5. 4

    接着我们在<td>里面添加一个“width”属性，width表示的就是宽度，如图所示。

    table设置td宽度
  6. 5

    然后给第一和第二个表格添加宽度，如图，第三个就不用添加，因为前两个已经确定，所以第三个也已经确定。

    table设置td宽度
  7. 6

    当然，也可以使用百分比来设定单元格的宽度，效果也是一样的。

    table设置td宽度
  8. 7

    如图，我们可以看下网页效果，三个表格的宽度都不一样了。

    table设置td宽度
    END

注意事项

  • 有用就点个赞鼓励我吧。
  • 喜欢更多经验可以关注小编，谢谢
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部