# Foundation 表格 Foundation 的 `&lt;table&gt;` 元素樣式為灰色斑馬條紋且包含四個邊框：  ### 實例 ``` <table> ? <thead> ??? <tr> ????? <th>Firstname</th> ????? <th>Lastname</th> ????? <th>Email</th> ??? </tr> ? </thead> ? <tbody> ??? <tr> ????? <td>John</td> ????? <td>Doe</td> ????? <td>john@example.com</td> ??? </tr> ??? <tr> ????? <td>Mary</td> ????? <td>Moe</td> ????? <td>mary@example.com</td> ??? </tr> ??? <tr> ????? <td>July</td> ????? <td>Dooley</td> ????? <td>july@example.com</td> ??? </tr> ? </tbody> </table> ``` ## 響應式表格 使用 CSS 讓表格支持響應式設計：在表格外添加 `&lt;div&gt;` 元素，樣式為 `overflow-x:hidden`: ### 實例 ``` <div style="overflow-x:hidden"> ? <table> ??? ... ? </table> </div> ```