欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

HTML 表列

HTML表列

colgroup - 表列組

HTML表是面向行的。將單元格的定義放在tr中元素中，并逐行構(gòu)建表。

要將樣式應(yīng)用于列，我們可以使用colgroup和col元素。

具有局部屬性span的colgroup元素表示一組列。

colgroup元素可以包含零個(gè)或多個(gè)col元素。

width，char，charoff和valign屬性已過(guò)時(shí)。

以下代碼顯示了colgroup元素的使用。

<!DOCTYPE HTML>
<html>
<head>
<style>
#colgroup1 {background-color: red
}

#colgroup2 {background-color: green;font-size: small
}
</style>
</head>
<body>
  <table>
    <colgroup id="colgroup1" span="3" />
    <colgroup id="colgroup2" span="2" />
    <thead>
      <tr>
        <th>Rank</th>
        <th>Name</th>
        <th>Color</th>
        <th colspan="2">Size & Votes</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th>Favorite:</th>
        <td>XML</td>
        <td>HTML</td>
        <td>CSS</td>
        <td>500</td>
      </tr>
      <tr>
        <th>2nd Favorite:</th>
        <td>CSS</td>
        <td>Java</td>
        <td>Javascript</td>
        <td>450</td>
      </tr>
    </tbody>
  </table>
</body>
</html>

上面的代碼定義了兩個(gè)colgroup元素。span屬性指定colgroup元素應(yīng)用于多少列。

列表中的第一個(gè)colgroup應(yīng)用于表中的前三列，其他元素應(yīng)用于后兩列。

全局id屬性是為每個(gè)colgroup元素定義的，CSS樣式通過(guò)使用id值作為選擇器來(lái)定義。


col - 表單個(gè)列

您可以使用col元素而不是colgroup元素的span屬性定義組。

col元素具有局部屬性:span。

align，width，char，charoff和valign屬性已過(guò)時(shí)。

您可以將樣式應(yīng)用于列的組和該組中的單個(gè)列。col元素放置在colgroup元素內(nèi)部，col的每個(gè)實(shí)例表示組中的一列。

以下代碼使用col元素。

<!DOCTYPE HTML>
<html>
<head>
<style>
#colgroup1 {background-color: red
}

#col3 {background-color: green;font-size: small
}
</style>
</head>
<body>
  <table>
    <colgroup id="colgroup1">
      <col id="col1And2" span="2" />
      <col id="col3" />
    </colgroup>
    <colgroup id="colgroup2" span="2" />
    <thead>
      <tr>
        <th>Rank</th>
        <th>Name</th>
        <th>Color</th>
        <th colspan="2">Size & Votes</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th>Favorite:</th>
        <td>1234</td>
        <td>1234</td>
        <td>1234</td>
        <td>500</td>
      </tr>
      <tr>
        <th>2nd Favorite:</th>
        <td>1234</td>
        <td>1234</td>
        <td>1234</td>
        <td>450</td>
      </tr>
    </tbody>
  </table>
</body>
</html>

您可以使用span屬性創(chuàng)建表示colgroup中兩列的col元素。

如果不使用span屬性，col元素表示單個(gè)列。

上面的代碼將樣式應(yīng)用于colgroup和其它包含的col元素之一。