大卖王商品表格

效果图如下

代码如下

<!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>
  <body>
    <table border="1" width="50%" cellspacing="0">
      <caption>
        大卖王
      </caption>
      <thead>
        <tr>
          <th>类型</th>
          <th>ID</th>
          <th>品名</th>
          <th>价格</th>
          <th>数量</th>
          <th>金额</th>
        </tr>
      </thead>
      <tbody align="center">
        <tr>
          <td rowspan="4">电器</td>
          <td>1</td>
          <td>电视</td>
          <td>1000</td>
          <td>1</td>
          <td>1000</td>
        </tr>
        <tr>
          <td>2</td>
          <td>洗衣机</td>
          <td>1500</td>
          <td>2</td>
          <td>3000</td>
        </tr>
        <tr>
          <td>3</td>
          <td>空调</td>
          <td>500</td>
          <td>10</td>
          <td>5000</td>
        </tr>
        <!-- 特价商品 -->
        <tr>
          <td colspan="5">特价商品</td>
        </tr>
        <tr>
          <td rowspan="4">手机</td>
          <td>4</td>
          <td>苹果6S</td>
          <td>100</td>
          <td>10</td>
          <td>1000</td>
        </tr>
        <tr>
          <td>5</td>
          <td>苹果X</td>
          <td>1000</td>
          <td>5</td>
          <td>5000</td>
        </tr>
        <tr>
          <td>6</td>
          <td>苹果12</td>
          <td>1100</td>
          <td>3</td>
          <td>3300</td>
        </tr>
        <tr>
          <td>7</td>
          <td>苹果13</td>
          <td>666</td>
          <td>1</td>
          <td>666</td>
        </tr>
      </tbody>
      <tfoot align="center" bgcolor="chocolate">
        <tr>
          <td>总计</td>
          <td colspan="2">总数：32</td>
          <td colspan="3">总价格：18966</td>
        </tr>
      </tfoot>
    </table>
  </body>
</html>

批改老师：

PHPz

批改状态：合格

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

大卖王商品表格

2021-06-30 14:58:12