表格布局样式详解-优快云博客

本文深入探讨了一种特殊的表格布局方式，通过详细的代码示例展示了如何使用不同的背景图片和定位属性来实现精致的表格样式。文章重点讲解了表格单元格的间距、边框、背景以及定位等关键属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<table cellspacing="0" style="border: 0; margin: 0pt; padding: 0pt; visibility: visible; position: absolute; border-collapse: collapse; z-index: 99;">
  <tbody style="border: 0; margin: 0pt; padding: 0pt;">
    <tr style="border: 0; margin: 0pt; padding: 0pt; height: auto;">
      <td style="border: 0; margin: 0pt; padding: 0pt; background: transparent url(rounded-white.png) repeat scroll 0px 0px; line-height: 0pt; font-size: 0pt; height: 20px; width: 20px;"/>
      <td style="border: 0; margin: 0pt; padding: 0pt; background: transparent url(rounded-white.png) repeat scroll 0px -40px; line-height: 0pt; font-size: 0pt; height: 20px; width: 20px;"/>
      <td style="border: 0; margin: 0pt; padding: 0pt; background: transparent url(rounded-white.png) repeat scroll -20px 0px; line-height: 0pt; font-size: 0pt; height: 20px; width: 20px;"/>
    </tr>
    <tr style="border: 0; margin: 0pt; padding: 0pt; height: auto;">
      <td style="border: 0; margin: 0pt; padding: 0pt; background: transparent url(rounded-white.png) repeat scroll 0px -80px; line-height: 0pt; font-size: 0pt; height: 20px; width: 20px;"/>
      <td style="border: 0; margin: 0pt; padding: 0pt; position: relative; width: 100px; height: 100px;"/>
      <td style="border: 0; margin: 0pt; padding: 0pt; background: transparent url(rounded-white.png) repeat scroll -20px -80px; line-height: 0pt; font-size: 0pt; height: 20px; width: 20px;"/>
    </tr>
    <tr style="border: 0; margin: 0pt; padding: 0pt; height: auto;">
      <td style="border: 0; margin: 0pt; padding: 0pt; background: transparent url(rounded-white.png) repeat scroll 0px -20px; line-height: 0pt; font-size: 0pt; height: 20px; width: 20px;"/>
      <td style="border: 0; margin: 0pt; padding: 0pt; background: transparent url(rounded-white.png) repeat scroll 0px -60px; line-height: 0pt; font-size: 0pt; height: 20px; width: 20px;"/>
      <td style="border: 0; margin: 0pt; padding: 0pt; background: transparent url(rounded-white.png) repeat scroll -20px -20px; line-height: 0pt; font-size: 0pt; height: 20px; width: 20px;"/>
    </tr>
  </tbody>
</table>

样式表贴图