专栏首页吾爱乐享php学习之html属性-表格(六)

php学习之html属性-表格(六)

1.表格标记

表格的语法:

<table>

<tr>

<th>编号</th>           //标题单元格(表头)

<th>姓名</th>

<th>年龄</th>

</tr>

<tr>

<td>001</td>      //普通单元格

<td>张三</td>

<td>23</td>

</tr>

.......

</table>

table标记的属性:

  • border:表格边框                        值:数字
  • align:表格在网页中的水平方向    值:left、center、right
  • bordercolor:边框颜色                值:颜色
  • width:表格宽度                          值:数字
  • height:表格高度                          值:数字
  • bgcolor:表格背景色                   值:颜色
  • background:表格背景图             值:图片地址
  • cellpadding:内填充(边框到内容的距离。在原边框的基础上距离增加了)        值:数字
  • cellspacing:间距(单元格到单元格之间的距离)        值:数字

tr的属性:

  • align:行内的内容水平对齐                         值:left、center、right
  • valign:上下对齐方式                                值:top、middle、bottom
  • height:行的高度 (tr属性没有宽度)                                     值:数字
  • bgcolor:行的背景颜色

td的属性:

  • align:单元格的水平对齐方式                        值:left、center、right
  • valign:垂直对齐方式                                    值:top、middle、bottom
  • height:单元格的高度                        值:数字,影响整个行
  • bgcolor:单元格的背景颜色                  值:颜色
  • backround:单元格的背景图片                    值:图片地址
  • rowspan:跨行合并                           值:要合并的数量,注意把原来被合并的单元格删除,否则会乱
  • colspan:跨列合并                             值:要合并的列数 ,注意把原来被合并的单元格删除

2.表格边框变细思路

原理是把边框改为0,间距改为1,通过背景颜色和前景色对比出来,就相当于边框变成了1

案例一:

案例二:

您暂时无权访问此隐藏内容!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • php学习之html案例(九)

    吾爱乐享
  • java之学习集合的遍历及案例分析

    吾爱乐享
  • php学习之类与对象的三大特征-封装

    封装就是把抽象出来的数据和对数据的操作封装在一起,数据被保护在内部,程序的其他部分只能通过被授权才能对数据进行操作。

    吾爱乐享
  • Angualr2 之 angular模块Angular 模块化提供服务特性模块 - 业务上的最佳实践(n)共享模块XxxModule.forRoot配置核心服务知识点

    Angular 模块是带有 @NgModule 装饰器的函数。 @NgModule接收一个元数据对象,该对象告诉 Angular 如何编译和运行模块代码。

    贺贺V5
  • 测试开发进阶(四十五)

    https://github.com/zx490336534/ApiTest/tree/master/DeployApiTest

    zx钟
  • 批量设置ssh无密码登陆脚本

    最近要给集群设置ssh无密码登陆,如果需要手动设置这个无密码登陆,所以在网上找了几个脚本,亲测下面这个好使,并且设置比较简单。 需要用root账户执行,我也是要...

    岑玉海
  • 深入浅出 RunLoop(三):事件循环机制

    首先我们来看一下主线程的RunLoop的启动过程。 前面我们说过,我们的 iOS 程序能保持持续运行的原因就是在main()函数中调用了UIApplicati...

    师大小海腾
  • MyBatis中如何一次执行多条语句(使用mysql数据库)

    解决办法不外乎有三个:1、多条sql分批执行;2、存储过程或函数调用;3、sql批量执行。

    大道七哥
  • Dubbo服务提供者发布过程

    首先ServiceConfig类拿到对外提供服务的实际类ref(如:HelloServiceImpl),然后通过ProxyFactory类的getInvoker...

    搜云库技术团队
  • php导入excel的图片

    由于表格图片的特性,在同一行,同一列,可能会出现又有数据,又有图片的情况,而且图片不止1张,所以不建议单独获取图片

    仙士可

扫码关注云+社区

领取腾讯云代金券