<!DOCTYPE html>

  1. <head>
  2.     <meta charset="UTF-8">
  3.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  4.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5.     <title>Document</title>
  6. </head>
  7. <body>
  8.     <table border="1""   width="60%"" cellspacing="0" style="text-align:center">
  9.         <thead font=center>
  10.             <caption><h1>商品信息表 </h1>
  12.               <span>制表:2021/06/29</span>
  13.             </caption>
  15.         </thead> 
  16.         <tbody>
  17.             <tr style="background-color: #1d953f">
  18.                 <td>ID</td>
  19.                 <td>品类</td>
  20.                 <td>品名</td>
  21.                 <td>数量</td>
  22.                 <td>单价</td>
  23.                 <td>金额</td>
  24.             </tr>
  25.             <tr>
  26.                 <td>1</td>
  27.                 <td  rowspan="2">衣服</td>
  28.                 <td>冬装</td>
  29.                 <td>1</td>
  30.                 <td>100</td>
  31.                 <td>100</td>
  32.             </tr>
  33.             <tr>
  34.                 <td>2</td>
  35.                 <td>夏装</td>
  36.                 <td>1</td>
  37.                 <td>100</td>
  38.                 <td>100</td>
  39.             </tr>
  40.             <tr>
  41.                 <td>3</td>
  42.                 <td rowspan="2">饮料</td>
  43.                 <td>可可可乐</td>
  44.                 <td>1</td>
  45.                 <td>100</td>
  46.                 <td>100</td>
  47.             </tr>   
  48.             <tr>
  49.                 <td>4</td>
  50.                 <td>百事可乐</td>
  51.                 <td>1</td>
  52.                 <td>100</td>
  53.                 <td>100</td>
  54.             </tr>
  55.             <tr>
  56.                 <td colspan="6">以下为备用物品</td>
  57.             </tr>
  58.             <tr>
  59.                 <td>5</td>
  60.                 <td rowspan="2">数码</td>
  61.                 <td>相机</td>
  62.                 <td>1</td>
  63.                 <td>100</td>
  64.                 <td>100</td>
  65.             </tr>
  66.             <tr>
  67.                 <td>6</td>
  68.                 <td>镜头</td>
  69.                 <td>1</td>
  70.                 <td>100</td>
  71.                 <td>100</td>
  72.             </tr>
  73.         </tbody>
  74.         <tfoot>
  75.             <tr>
  76.                 <td rowspan="2" colspan="4" >合计</td>
  77.                 <td style="background-color: aqua;">平均价格</td>
  78.                 <td style="background-color: burlywood;">金额合计</td>
  79.             </tr>
  80.             <tr>
  81.                 <td>100</td>
  82.                 <td>600</td>
  84.             </tr>
  85.         </tfoot>
  87.     </table>
  88. </body>

更多相关文章

  1. 6/29号作业
  2. Android(安卓)购物车的功能逻辑

随机推荐

  1. 30例 | 一文搞懂python日期时间处理
  2. pandas_profiling ：教你一行代码生成数据
  3. 知乎关注达1万，总阅读破百万，记录与分享带
  4. 50题matplotlib从入门到精通
  5. 神器 | JupyterLab，极其强大的下一代noteb
  6. VS2019学生版的下载安装并使用
  7. java 读取 application配置文件
  8. Centos8基础,Yum软件包管理
  9. 知乎千赞回答 | 为什么自学python看不进
  10. 一不小心，我爬取了100万条微博评论