VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > HTML >
  • HTML5 教程之Foundation 表格

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

实例


  1.  <table>
  2.   <thead>
  3.     <tr>
  4.       <th>Firstname</th>
  5.       <th>Lastname</th>
  6.       <th>Email</th>
  7.     </tr>
  8.   </thead>
  9.   <tbody>
  10.     <tr>
  11.       <td>John</td>
  12.       <td>Doe</td>
  13.       <td>john@example.com</td>
  14.     </tr>
  15.     <tr>
  16.       <td>Mary</td>
  17.       <td>Moe</td>
  18.       <td>mary@example.com</td>
  19.     </tr>
  20.     <tr>
  21.       <td>July</td>
  22.       <td>Dooley</td>
  23.       <td>july@example.com</td>
  24.     </tr>
  25.   </tbody>
  26. </table>
复制
实例预览 »

响应式表格

使用 CSS 让表格支持响应式设计:在表格外添加 <div> 元素,样式为 overflow-x:hidden:

实例


  1. <div style="overflow-x:hidden">
  2.   <table>
  3.     ...
  4.   </table>
  5. </div>
复制
实例预览 »
 

相关教程