td單元格合并代碼執行個體

分享一段代碼執行個體，它實作了單元格合并效果。

代碼執行個體如下:

<code>&lt;!doctype html&gt;</code>

<code>&lt;</code><code>html</code><code>&gt;</code>

<code>&lt;</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>meta</code> <code>charset</code><code>=</code><code>"utf-8"</code><code>&gt;</code>

<code>&lt;</code><code>title</code><code>&gt;螞蟻部落&lt;/</code><code>title</code><code>&gt;</code>

<code>&lt;/</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>body</code><code>&gt;</code>

<code>&lt;</code><code>table</code> <code>bgcolor</code><code>=</code><code>"black"</code> <code>cellspacing</code><code>=</code><code>"1"</code> <code>width</code><code>=</code><code>"500"</code> <code>height</code><code>=</code><code>"300"</code> <code>align</code><code>=</code><code>"center"</code><code>&gt;</code>

<code>&lt;</code><code>caption</code><code>&gt;單元格合并&lt;/</code><code>caption</code><code>&gt;</code>

<code>  </code><code>&lt;</code><code>tr</code> <code>bgcolor</code><code>=</code><code>"white"</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>td</code><code>&gt;&lt;/</code><code>td</code><code>&gt;</code>

<code>  </code><code>&lt;/</code><code>tr</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>td</code> <code>colspan</code><code>=</code><code>"2"</code> <code>rowspan</code><code>=</code><code>"2"</code><code>&gt;&lt;/</code><code>td</code><code>&gt;</code>

<code>&lt;/</code><code>table</code><code>&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>html</code><code>&gt;</code>

代碼是比較簡單的，用到了幾個關鍵的屬性，具體參閱相關閱讀。

原文釋出時間為：2017-3-22

本文作者：admin

本文來自雲栖社群合作夥伴“螞蟻部落”，了解相關資訊可以關注螞蟻部落