html table 表格

1、先写表格部分

    <table>
        <caption>
            <h2>订单的确认</h2>
        </caption>
        <tr>
            <th>商品名称</th>
            <th>商品价格</th>
            <th>商品数量</th>
            <th>总价</th>
            <th>收获地址</th>
        </tr>
        <tr>
           <th>小米手机11</th>
           <th>2000元</th>
           <th>3</th>
           <th>6000元</th>
           <th>图木舒克</th>
       </tr>
    </table>

根据表格再写样式

  * {
            margin: 0;
            padding: 0;
        }
        table{
            margin: 0 auto;
            text-align: center;
            border-collapse: collapse;
        }
        table th,td{
            border: 1px solid #000;
            padding: 15px;
        }
        table caption {
            margin:  15px 0;
        }