js-day01-商品订单信息

学会表格表单（html+css）

表格的默认CSS属性

*{
            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;
        }
表格的基本形式怎么写

<table>
        <caption>
            <h2>订单确认</h2>
        </caption>
        <tr>
            <th>商品名称</th>
            <th>商品价格</th>
            <th>商品数量</th>
            <th>总价</th>
            <th>收货地址</th>
        </tr>
        <tr>
            <td>小米手机青春PLUS</td>
            <td>${price}</td>
            <td>${num}</td>
            <td>${total}</td>
            <td>${address}</td>
        </tr>
    </table>
用户信息 表格怎么书写

 //1.输入price num address三个变量
        let price = +prompt('请输入商品价格:')
        let num = +prompt('请输入购买的数量:')
        let address = prompt('请输入地址:')
        let total = price * num

js-day01-商品订单信息的相关教程结束。