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

已于 2022-09-08 22:35:10 修改
阅读量170 收藏
点赞数
分类专栏： HTML 文章标签： css css3 javascript
于 2022-09-06 14:57:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48796690/article/details/126725337
版权

一、代码如下：

<!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>

二、效果图：
在这里插入图片描述

温婉婉
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
揭秘出纳账目表格：企业透明度的关键
JiYan_xiaohei的博客
04-26 427
出纳账目表格作为企业财务管理的核心工具之一，在企业运营、税务筹划和风险防范等方面发挥着重要作用。企业应重视出纳账目表格的编制、审核和保管工作，确保其准确性和完整性。同时，企业还应积极运用出纳账目表格进行财务管理和决策分析，以提高企业的透明度和竞争力。
利用VBA将出纳表格生成可打印的凭证
YiYanXiYin的专栏
09-24 1352
看看功能及实现 1.出纳数据表格如下图: 2:凭证模板如下图: 3:当点击"生成凭证"按钮时, 出纳表格的每条数据按凭证模板生成一个凭证, 生成的凭证如下图: 打印时,会每个凭证打印一页 4. 实现该功能的VBA源码: Dim r As Integer Dim i As Integer Dim j As Integer Dim k As In...
jquery 查找表格里的input_JQ遍历表单获取input值或select值。
weixin_32734545的博客
12-29 835
HTML:是否参加试驾你的预向车型您的职业程序员行政出纳你结婚了吗是否JQ:$(document).ready(function () {$("#showcard").click(function () {var ret_single = ret_download = '';$(".single").each(function(i){var s_name = $(this).parent().s...
MySQL练习-多表查询
qq_48772498的博客
03-05 6259
题目： 查询员工的姓名、年龄、职位、部门信息。 查询年龄小于30岁的员工姓名、年龄、职位、部门信息。 查询拥有员工的部门ID、部门名称。 查询所有年龄大于40岁的员工,及其归属的部门名称;如果员工没有分配部门,也需要展示。 查询所有员工的工资等级。 查询"研发部"所有员工的信息及工资等级。 查询"研发部"员工的平均工资。 查询工资比"灭绝"高的员工信息。 查询比平均薪资高的员工信息。 查询低于本部门平均工资的员工信息。 查询所有的部门信息,并统计部门的员工人数。 查询所有学生的选课情
XX公司财务表格-出纳日报表
12-13
以下是对"XX公司财务表格-出纳日报表"这一主题的详细解读： 1. 出纳日报表的构成： - 收入部分：包括现金收入和银行存款收入，具体列明每笔收入的来源、金额、日期及收款方式。 - 支出部分：同样分为现金支出和...
出纳日报表-Excel模板
07-17
【作品名称】：出纳日报表-Excel模板 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
Excel模板出纳日报表.zip
06-14
Excel模板出纳日报表.zip
Excel模板出纳管理日报表.zip
06-14
"出纳管理日报表.xlsx"文件很可能包含了日期、收入项目、支出项目、现金余额、银行存款余额等关键字段，通过预设的表格样式和公式，可以快速输入和计算数据。 2. **数据录入** 出纳人员需要每天记录所有的现金交易...
财务出纳日报表.xls
08-09
工资表，财务报表，对账表，付款申请，财务报告，费用支出表 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
css实现水滴效果图
yinge0508的博客
08-12 2006
【代码】css实现水滴效果图。
响应式Web设计：纯HTML和CSS的实现技巧
Caleb的博客
08-16 783
响应式设计的核心理念是使用灵活的布局和媒体查询来自动调整网页的布局和样式。传统的静态网页设计往往只能适应固定的屏幕尺寸，而响应式设计则能够根据用户设备的不同，自适应地调整内容展示。它允许我们为不同的屏幕尺寸和特性定义不同的CSS样式，从而实现页面的自适应布局。）在响应式设计中非常重要，因为它们可以根据不同的设备和用户设置调整元素的大小。这样，无论图片的实际尺寸如何，它都会根据其容器的宽度自动缩放，从而避免了图片溢出容器的情况。函数，使得网格项在屏幕尺寸变化时自动调整列数和列宽，从而适应不同的显示设备。
CSS相关修改样式、伪类样式
2301_80034711的博客
08-15 1008
3.background-repeat:背景图片平铺方式，值repeat重复填充，no-repeat不重复。值用空格隔开，分别设置x，y方向的相对位置。2.background-image：标签背景图片，使用url（）函数，引入文件地址。使用rgb（）函数，范围0-255，如rgb（255,255,255），分别表示红，绿，蓝。4.background-size：背景图片在标签中的大小，若图片比标签大，部分图片会缺失。3.选择器nth-child（)：通过简单数字公式，正序只更改选择器匹配中的元素。
CSS的:current伪类：精准定位当前活动元素
最新发布
2401_85439108的博客
08-17 516
CSS（层叠样式表）是控制网页样式的核心语言。随着CSS4的提出，一系列新的选择器被引入，其中:current伪类便是这些新特性之一。:current伪类允许开发者选择当前处于活动状态的元素，这在创建动态和交互性网页时非常有用。本文将详细介绍:current伪类的使用方式、应用场景以及如何通过它们增强网页的交互性和视觉表现。
【CSS】数字英文css没有转换成...换行点、没有换行、拆分的问题（非常常见的需求）
日常问题bug解决、学习分享、个人杂谈等等随便写写哈哈哈
08-16 845
默认情况下，连续的英文或数字文本不会在空格处换行，这可能导致布局问题。
flex css 实现两列靠左对齐布局
qq_30049249的博客
08-16 177
https://andi.cn/page/621668.html
CSS自定义属性的设置与获取
读心悦
08-16 262
在CSS中，自定义属性是通过在选择器内部使用--前缀来声明的。这些属性通常定义在:root伪类中，以便在整个文档范围内使用，但也可以定义在任何其他选择器中以限制其作用域。:root {/* 只在这个容器内有效 */在JavaScript中，你可以使用方法来设置自定义属性的值。这个方法接受三个参数：属性名（不带--前缀）、值和一个可选的优先级字符串（如// 设置全局自定义属性// 设置特定元素的自定义属性要获取自定义属性的值，你可以使用方法结合方法。注意，获取自定义属性时需要包括--前缀。
掌握CSS的时间之旅：:past和:future伪类的探索与应用
2401_85763803的博客
08-17 503
CSS（层叠样式表）是控制网页样式的核心技术，而CSS4引入了一些新的选择器，其中就包括:past和:future伪类。这些伪类基于元素与当前时间的相对位置来选择元素，为开发者提供了一种创新的方式来处理基于时间的样式需求。本文将详细介绍:past和:future伪类的使用方式、应用场景以及如何通过它们增强网页的交互性和视觉表现。
CSS基础
ZZPIGKK的博客
08-12 486
2.一般将CSS文件单独写，HTML文件要引入该文件。3.1.1 外部CSS文件，Class选择器的写法v。3.Class选择器在HTML的标签中的使用。6.选择器优先级排序，越精准优先级越高。7.CSS内部嵌套到HTML中的样式。4.ID选择器，一般ID不重复的。5.ID选择器的写法。
企业货币资金流动日报表设计
报表的编制单位通常为企业财务会计部门，考虑到每日报告的需求，其编制周期应设定为日报，金额单位应统一为“元”。 其次，报表应涵盖企业所有的货币资金类型，包括现金、银行存款和其他货币资金。银行存款因其重要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值