收藏
PHPz批改状态：合格
老师批语：
<!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><style>table {/* background-color: #f40; */}</style></head><body><tableborder="1"style="line-height: 30px;width: 500px;text-align: center;border-radius: 10px;border-collapse: collapse;"><caption>商品属性</caption><thead style="background-color: #f40"><tr><th>1</th><th>名称</th><th>价格</th><th>颜色</th><th>尺寸</th><th>配置</th></tr></thead><!-- 表体必选，浏览器自动生成tbody，一个表格中可以有多个tbody --><tbody><!-- 先写tr，创建一个新行（单元格的容器）td单元格储存数据的地方，th有预置样式：加粗居中跨行合并：rowspan, row行， span合并--><tr><td>1</td><td>联想</td><td>4500</td><td>红色</td><td>14</td><td>i5</td></tr><tr><td>2</td><td>鸿基</td><td>4800</td><td rowspan="3">黑色</td><td>13</td><td>i5</td></tr><tr><td>3</td><td>戴尔</td><td>4900</td><!-- <td>黄色</td> --><td>15</td><td>i7</td></tr><tr><td>4</td><td>华硕</td><td>6000</td><!-- <td>黑色</td> --><td>14.8</td><td>i7</td></tr><tr><td>5</td><td>苹果</td><td>8999</td><td>白色</td><td>14</td><td>i7</td></tr></tbody><tfoot><tr><th>6</th><th></th><th>29199</th><th colspan="3"></th><!-- <th>29199</th> --><!-- <th>29199</th> --></tr></tfoot></table><button>总结</button></body></html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
