表格进阶03—出纳日报表（表格，再次练习）

一、代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>新出纳</title>
</head><style>
table{border-style: solid;border-color: black;border-width: 1px;width: 100%;height: 400px;border-collapse: collapse;}td{border-width: 1px;border-style: solid;color:black;width: 200px;height: 40px;text-align: center;
}caption{font-size: 30px;border-color: red;border-style: solid;border-top-style: hidden;border-right-style: hidden;border-left-style: hidden;border-bottom-style: hidden;/* 去除caption的boder的样式 */}
</style><body><table><caption>出纳日报表</caption><thead><!-- 第一行 --><tr><td colspan="2" rowspan="3">项目</td><!-- <td></td> --><td colspan="5">本日收支额</td><!-- <td></td><td></td><td></td><td></td> --><td colspan="2">本月</td><!-- <td></td> --></tr><!-- 第二行 --><tr><!-- <td colspan="2">AA</td> --><!-- <td></td> --><td rowspan="2">现金</td><td colspan="3">存款</td><!-- <td></td><td></td> --><td>合计</td><td>现金合计</td><td>银行合计</td></tr><!-- 第三行 --><tr><!-- <td colspan="2">BB</td> --><!-- <td></td> --><!-- <td></td> --><td>招商</td><td>建设</td><td>农业</td><td></td><td></td><td></td></tr></thead><tbody><!-- 第四行 --><tr><td rowspan="7">本月收入</td><td>贷款收回</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><!-- 第五行 --><tr><!-- <td></td> --><td>内部存入</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><!-- 第六行 --><tr><!-- <td></td> --><td>保证金收入</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><!-- 第七行 --><tr><!-- <td></td> --><td>取款</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><!-- 第八行 --><tr><!-- <td></td> --><td>收回往来</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><!-- 第九行 --><tr><!-- <td></td> --><td>其它收入</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><!-- 第十行 --><tr><!-- <td></td> --><td>本日合计</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></tbody><tfoot></tfoot>
</table>
</body>
</html>

二、效果图：

表格进阶03—出纳日报表（表格，再次练习）相关推荐

表格进阶03——简历制作（用表格布局）
简历制作(用表格布局) 知识点: 1.水平方向上,横跨用colspan,4个格 <td colspan="4">会计</td> 2.竖直方向上,竖并用row ...
wincc报表日报表月报表年报表时段报表报表表格宽度可以自由配置，报表界面大小可以自由拖动大小，报表参数方便配置，不需要任何编程，适用wincc任何版本
wincc报表功能如下: 日报表:每日24点数据,如果设置的是累计值,计算每小时的差值,和最终汇总一日总累计月报表:每日0点数据显示,如果设置的是累计值,计算每日的差值,和最终汇总一月总累计年报 ...
报表表格间距_从易读性和易操作性两大方面，教你做好表格设计
语:提起中后台,除了高效.灵活和强大之外,不可忽视的还有它的海量数据.海量数据的筛选与呈现,直接决定决策人员的效率高低.本文作者主要是结合自己在实际工作中遇到的表格设计问题,针对Web端数据呈现方式之 ...
html table脚注,html 表格进阶
表格进阶(TABLE ADVANCED) 表格的色彩表元的背景色彩和背景图象 #=rrggbb 16 进制 RGB 数码, 或者是下列预定义色彩名称: Black, Olive, Teal, Red ...
HTML学习03之列表，表格，媒体元素
一.列表是什么? 列表就是信息资源的一种展示形式.它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息列表的分类: 无序列表有序列表定义列表 <!DOCT ...
wincc报表日报表实例_工作系统二次开发二Python加工原膜切割日报表数据实例
#工作系统二次开发二Python加工原膜切割日报表数据实例 #当查询一个或多个工作令后在表格展示数据前按要求对数据进行二次处理,处理要求看如下 #1.加工单号和母卷物料编号相同则把除第一行外的领料有关 ...
根据表格中的数据长度自动调整表格宽度DBGrid
根据表格中的数据长度自动调整表格宽度DBGrid 2008年03月27日星期四下午 08:16 根据表格中的数据长度自动调整表格宽度 http://www.csai.cn 作者:Delphi开发经 ...
es统计mysql 报表_Elasticsearch(简称ES)实现日报表、月报表、年报表统计，没数据补0...
前言: 这是1张相对简单些报表示例,用sql语句也能实现,但主要是为了便于大家理解ES聚合实现报表的使用方法. 之前写过"java实现日报表.月报表统计,没数据补0"文章,http ...
Elasticsearch(简称ES)实现日报表、月报表、年报表统计，没数据补0
前言: 这是1张相对简单些报表示例,用sql语句也能实现,但主要是为了便于大家理解ES聚合实现报表的使用方法. 之前写过"java实现日报表.月报表统计,没数据补0"文章,http ...

表格进阶03—出纳日报表（表格，再次练习）

表格进阶03—出纳日报表（表格，再次练习）相关推荐

最新文章

热门文章