博客列表 >制作一张商品信息表, 要求用到标题, 头部与底部, 行与列方向的合并

制作一张商品信息表, 要求用到标题, 头部与底部, 行与列方向的合并

Liu
Liu原创
2019年10月30日 15:26:16764浏览

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table表格信息</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="5">
    <caption>商品信息表</caption>
    <thead>
    <tr bgcolor="#deb887">
        <th>序列号</th>
        <th>商品名称</th>
        <th>类型</th>
        <th>数量</th>
        <th>单价</th>

    </tr>
    </thead>
    <tbody>
    <tr>
        <td align="center">1</td>
        <td align="center">Nick</td>
        <td align="center">背包</td>
        <td align="center">1</td>
        <td align="center">¥199.00</td>

    </tr>
    <tr>
        <td align="center">2</td>
        <td align="center">华为</td>
        <td align="center">Mate 30Pro</td>
        <td align="center">1</td>
        <td align="center">¥8688.00</td>

    </tr>
    <tr>
        <td align="center">3</td>
        <td align="center">Lenovo</td>
        <td align="center">ThinkPad X1</td>
        <td align="center">1</td>
        <td align="center">¥18999.00</td>
    </tr>
    <tr>
        <td align="center">4</td>
        <td align="center">大众</td>
        <td align="center">途观L</td>
        <td align="center">1</td>
        <td align="center">¥280000.00</td>

    </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="3" align="center">统计</td>
            <td align="center">1</td>
            <td align="center">¥307886.00</td>
        </tr>
    </tfoot>
</table>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议