table设置td宽度

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

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

赞 (0)

相关推荐

  • Visio2016怎么设置墨迹宽度?

    Visio 2016绘制图纸的时候,想要设置墨迹宽度,该怎么设置呢?下面我们就来看看详细的教程,请看下文详细介绍. 1.启动Windows 10操作系统,如图所示.点击任务栏"开始" ...

  • 如何给Internet Explorer浏览器的标题设置长短宽度

    如何给Internet Explorer浏览器的标题设置长短宽度

    今天给大家介绍一下如何给Internet Explorer浏览器的标题设置长短宽度的具体操作步骤.1. 首先我们在开始菜单中,打开"Internet Explorer"浏览器.2. ...

  • 如何设置字段宽度

    当在表单大师中创建的表单内包含多个字段时,依次竖向排列既占用了过多空间又影响填表人阅读体验,因此,合理的排版布局也是非常重要的. 操作方法 01 当表单内有多个短字段时,设置合理的字段宽度,即可使表单 ...

  • jquery如何获取table中td值的方法

    利用Jquery获取table的td的值. 操作方法 01 首先下载好jquery,这里使用的是3.2.1版本 02 <!-- 新建一个简单的表格,这里2 * 2的表格 --> <t ...

  • Word批量设置表格宽度自动适应页面宽度

    你知道word怎么设置表格宽度自动适应页面宽度吗?下面我来告诉大家吧. 操作方法 01 首先打开wps这个app,如图1所示.进入wps后,你会看到出现一个新的界面,如图2所示. 02 点击右下角的& ...

  • word2003中怎么设置文字宽度？

    在使用word编辑和输入文字的时候,我们常常需要调节文字的宽度,下面我们就来看看在word里是如何设置文字宽度的吧. 操作方法 01 我们在桌面上双击word2003的快捷图标,将word2003这款 ...

  • js获取table中td值的方法

    前端目前来说比较火爆,有些小伙伴也在学习关于前端的一些知识,比如 javascript,今天,小编我就来给大家科普一下 js中怎样获取table中单元格td的内容.想要学习的小伙伴们可以认真看哟! 操 ...

  • word怎么设置页面宽度和页面高度？

    word怎么设置页面高度和宽度?根据打印纸大小设置? 操作方法 01 首先打开一篇文档,在功能区选择"布局". 02 在布局的页面设置功能区,点击页面设置右下角的小按钮打开详细设置 ...

  • 如何用css设置一个table中的td的边框

    在网页设计过程中,怎么设置table中td的边框,设置div的边框都是一样 操作方法 01 html代码: <table> <tr> <td><input t ...