HTML 列數屬性


HTML 中 <td> 元素的列數屬性定義單元格應跨越的列數。

以下是語法 -

<td colspan="num">

上述 num 為單元格跨越的列數。

下面我們來看一個示例來實現 <td> 元素的 colspan 屬性 -

示例

 即時演示

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
   border: 2px solid blue;
}
</style>
</head>
<body>
<h2>Product Expenses</h2>
<table>
   <tr>
      <th>Domains</th>
      <th>Cost</th>
   </tr>
   <tr>
      <td>Product Development</td>
      <td>500000</td>
   </tr>
   <tr>
      <td>Marketing</td>
      <td>500000</td>
   </tr>
   <tr>
      <td>Services</td>
      <td>100000</td>
   </tr>
   <tr>
      <td>Support</td>
      <td>100000</td>
   </tr>
   <tr>
      <td>Maintenance</td>
      <td>100000</td>
   </tr>
   <tr>
      <td colspan="2">Total Budget = INR 1300000</td>
   </tr>
</table>
</body>
</html>

輸出

更新於: 2020-6-29

558 次瀏覽

開啟你的 職業

透過完成課程獲得認證

開始學習
廣告
© . All rights reserved.