html练习1(table的基本使用)

实现效果

在这里插入图片描述
代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格练习</title>
</head>
<body>
<h2>工商银行电子汇款单</h2>
<div style="display: inline-block;width: 100%">
    <table align="left" border="" cellpadding="0" cellspacing="0" width="50%">
        <colgroup>
            <col style="width: 10%">
            <col style="width: 10%">
        </colgroup>
        <thead>
        <tr>
            <th colspan="2">回单类型</th>
            <th>网上转账汇款</th>
            <th colspan="2">指令序号</th>
            <th>213254135454</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td rowspan="4"><b><br><br><br><br><br></b></td>
            <td>户名</td>
            <td>张三</td>
            <td rowspan="4"><b><br><br><br><br><br></b></td>
            <td>户名</td>
            <td>老刘</td>
        </tr>
        <tr>
            <td><b>卡号</b></td>
            <td>0000000001</td>
            <td><b>卡号</b></td>
            <td>0000000002</td>
        </tr>
        <tr>
            <td>地区</td>
            <td>南京</td>
            <td>地区</td>
            <td>杭州</td>
        </tr>
        <tr>
            <td><b>网点</b></td>
            <td>工商江苏南京业务处理中心</td>
            <td><b>网点</b></td>
            <td>江苏徐州业务中</td>
        </tr>
        <tr>
            <td colspan="2"><b>币种</b></td>
            <td>人民币</td>
            <td colspan="2"><b>钞汇标志</b></td>
            <td>钞票</td>
        </tr>
        <tr>
            <td colspan="2"><b>金额</b></td>
            <td>1.00元</td>
            <td colspan="2"><b>手续费</b></td>
            <td>0.75元</td>
        </tr>
        <tr>
            <td colspan="2"><b>合计</b></td>
            <td colspan="4">人民币(大写)∶壹</td>
        </tr>
        <tr>
            <td colspan="2"><b>交易时间</b></td>
            <td>2017年6月01号</td>
            <td colspan="2"><b>时间戳</b></td>
            <td>2017-06-01-13.00.00. 00000</td>
        </tr>
        </tbody>
    </table>
</div>
<br>
<p>票据打印时间:2017-06-01 15:00:12</p>
<p><del>票据打印单位:苏徐州业务中心</del></p>
<p>操作员:大曾</p>
</body>
</html>

资源下载

猜你喜欢

转载自blog.csdn.net/qq_44292366/article/details/112245110