二维码
意见反馈

Foundation 表格

Foundation 的 <table> 元素样式为灰色斑马条纹且包含四个边框:

实例

代码
预览
<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 让表格支持响应式设计:在表格外添加 <div> 元素,样式为 overflow-x:hidden:

实例

代码
预览
<div style="overflow-x:hidden">  <table>    
	...  </table></div>
亲自试一试