css表格实例：设置表格的布局

CSS 代码均位于 HTML 的 head 部分，这样做的目的是为了利于演示例子本身。在实际的开发中，使用 CSS 最好的方式是引用外部样式表。
这里介绍CSS表格实例：设置表格的布局！！

步骤/方法

  • 01

    代码编辑如下： <html> <head> <style type="text/css"> table.one { table-layout: automatic } table.two { table-layout: fixed } </style> </head> <body> <table class="one" border="1" width="100%"> <tr> <td width="20%">1000000000000000000000000000</td> <td width="40%">10000000</td> <td width="40%">100</td> </tr> </table> <br /> <table class="two" border="1" width="100%"> <tr> <td width="20%">1000000000000000000000000000</td> <td width="40%">10000000</td> <td width="40%">100</td> </tr> </table> </body> </html>

  • 02

    运行结果如下（如下图）：

赞 (0)

相关推荐

  • 手机版WPS怎么插入表格并设置表格样式

    手机版WPS怎么插入表格并设置表格样式

    WPS是一款功能强大的办公软件,有些用户不知道手机版WPS怎么插入表格并设置表格样式,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步用WPS打开需要编辑的文件,根据下图箭头所指, ...

  • 演示文稿中的表格如何设置表格边框颜色

    WPS演示文稿中的表格如何设置表格边框颜色?下面我们来看下操作方法. 操作方法 01 在文档中,点击插入表格:比如,插入一个3列4行的表格. 02 幻灯片中显示出的表格是默认样式:接下来,我们要把此表 ...

  • Excel表格如何设置表格样式

    Excel表格如何设置表格样式呢?下面小编来教大家. 操作方法 01 首先,我们打开我们电脑上面的excel: 02 然后我们点击套用表格样式的下拉箭头: 03 然后我们点击选中第一个: 04 之后我 ...

  • word怎么做表格和设置表格的大小

    Word对我们的工作帮助了很多,使用Word软件也是非常简单的,就比如说制作表格,但是我们有些新手对制作表格可能不太会. 操作方法 01 Word软件就跟Excel一样的,但是里面的内容不一样,首先我 ...

  • wps表格怎么设置表格首行不滚动

    在wps表格中设置第一行不滚动的方法 首先我们打开需要处理的excel表格,一般第一行都是标题,在浏览时需要设置其固定不动.如果想要哪一行不动就选择其下一行. 当我们选择好想要固定行的下一行以后,我们 ...

  • 文档怎么插入表格？设置表格对角斜线？

    文档怎么插入表格?怎么在第一个表格中设置对角分隔斜线?下面小编来告诉大家通过wps怎么操作. 操作方法 01 首先,下载并安装wps,然后点击进入. 02 进入wps后,打开自己将要编辑的文档,点击左 ...

  • wps表格怎么设置表格颜色

    工作表格常常会用到使用颜色来区别不同类型数据,这样看起来比较方便易懂,那么怎么设置呢,一起来看看吧 操作方法 01 我们先在桌面上新建一个表格,打开,选定部分表格,加上边框 02 然后随便打上些字,方 ...

  • CSS背景实例:设置背景颜色

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表.这里分享怎样设置背景颜色 步骤/方法 01 在编辑器中输 ...

  • WPS插入表格后设置边框的技巧

    在编辑文档的时候,常常会有些数据来进行说明,而其中绘制成表格能更加的直观.在WPS文字插入表格也是常用的步骤.下面小编就为大家讲讲插入表格后,怎样修改表格边框?非常简单,一起来看看. 首先在表格中的任 ...

  • 如何在Powerpoint幻灯片中插入表格并设置格式

    在日常工作中,制作Powerpoint幻灯片的时候,也可能需要演示报表之类的,要用到插入表格并设置表格格式,下面介绍具体的操作步骤. 操作方法 01 选择需要添加表格的幻灯片,单击"插入表格 ...