表格进阶03—出纳日报表(表格,再次练习)
生活随笔
收集整理的這篇文章主要介紹了
表格进阶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—出纳日报表(表格,再次练习)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Qt编写自定义控件37-发光按钮(会呼吸
- 下一篇: 遥想大肠包小肠----python装饰器