CSSでセルを結合する方法

CSS でセルを結合する方法: 最初に HTML サンプル ファイルを作成し、次に、colspan を設定して列を結合し、最後に rowspan を設定して行を結合します。

# 推奨: 「

css ビデオ チュートリアル #」

Css テーブルのセル結合#colspan は結合された列であり、rowspan は結合された行です。rowspan="2" などの行を結合すると、次の行 tr の列は 1 つ少なくなります。列を結合した場合、colspan="2" の列は、この行は次のようになります。 列が 1 つ少なくなります。

<table border="1" style={{margin:200}}>
      <tbody>
        <tr>
          <th colspan="2">我是占位符</th>
          <th colspan="2">我是占位符</th>
        </tr>
        <tr>
          <th rowspan="2">我是占位符</th>
          <th>我是占位符</th>
          <th>我是占位符</th>
          <th>我是占位符</th>
        </tr>
        <tr>
          <th>我是占位符</th>
          <th>我是占位符</th>
          <th>我是占位符</th>
        </tr>
      </tbody>
    </table>

Effect

css3 スラッシュ ヘッダー

<td >
    <div class="biaoTou">       
    </div>
</td>
.biaoTou {  
  border-top: 200px #199fff solid; /*上边框宽度等于表格第一行行高*/  
  border-left: 200px #ff8838 solid; /*左边框宽度等于表格第一行第一格宽度*/  
}

以上がCSSでセルを結合する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。