9.表格标签

 表格标签 

 cellspacing  设置单元格与单元格之间的距离 

 cellpadding  设置内容与边框之间的间距 

<table cellspacing="0" cellpadding="0">
          <!-- 表格头部 -->
          <thead>
                 <!-- 行 -->
                  <tr>
                       <!-- 列 (加粗字体) -->
                        <th>名称</th>
                        <th>价格</th>
                        <th>库存</th>
                        <th>日期</th>
                        <th>地址</th>
                  </tr>
                
          </thead>

          <!-- 表格主体 -->
           <tbody>
                <tr>
                    <!-- 列 (没有加粗) -->
                    <td>短袖</td>
                    <td>29.9 </td>
                    <td>50</td>
                    <td>2024/07-11</td>
                    <td>广州</td>
                </tr>

                <tr>
                    <td>鞋子</td>
                    <td>19.9  </td>
                    <td>60</td>
                    <td>2024/07-11</td>
                    <td>深圳</td>
                </tr>
           </tbody>
    </table>

CSS属性：

border              // 边框

  solid               // 实线

border: 2px solid red;            //  边框为红色2像素的实线

border-collapse: collapse;     // 合并边框线

rowspan="数字"  跨行属性

colspan="数字"   跨列属性

使用如下: 

 <tr>
                <td>1</td>
                <td></td>
                <td></td>
                <td></td>
                <td rowspan="4"> （跨行） </td>
            </tr>