首頁 > html教程 > HTML 標簽 閱讀:0更新時間:2020-05-03 12:56:14

HTML <col> 標簽

實例

<colgroup> 和 <col> 標簽為表格中的三個列設置了背景色:

<table border="1">
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first html</td>
    <td>$53</td>
  </tr>
</table>
嘗試一下 ?

瀏覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流瀏覽器都支持 <col> 標簽。


標簽定義及使用說明

<col> 標簽規定了 <colgroup> 元素內部的每一列的列屬性。

通過使用 <col> 標簽,可以向整個列應用樣式,而不需要重復為每個單元格或每一行設置樣式。


HTML 4.01 與 HTML5之間的差異

HTML5 中不再支持 HTML 4.01 中的大部分屬性。


HTML 與 XHTML 之間的差異

在 HTML 中,<col> 標簽沒有結束標簽。

在 XHTML 中,<col> 標簽必須被正確的關閉。


屬性

屬性 描述
align left
right
center
justify
char
HTML5 不支持。規定與 <col> 元素相關的內容的水平對齊方式。
char character HTML5 不支持。規定根據哪個字符來對齊與 <col> 元素相關的內容。
charoff number HTML5 不支持。規定第一個對齊字符的偏移量。
span number 規定 <col> 元素應該橫跨的列數。
valign top
middle
bottom
baseline
HTML5 不支持。規定與 <col> 元素相關的內容的垂直對齊方式。
width %
pixels
relative_length
HTML5 不支持。Specifies the width of a <col> element


全局屬性

<col> 標簽支持 HTML 的全局屬性。


事件屬性

<col> 標簽支持 HTML 的事件屬性。

beylze編程學院,一個分享編程知識和seo優化知識的網站。跟著beylze一起學習,每天都有進步。

通俗易懂,深入淺出,一篇文章只講一個知識點。

文章不深奧,不需要鉆研,在公交、在地鐵、在廁所都可以閱讀,隨時隨地漲姿勢。

文章不涉及代碼,不燒腦細胞,人人都可以學習。

當你決定關注beylze(公眾號:beylze),你已然超越了90%的其他從業者!

相關文章

優秀教程

国产亚洲欧美日韩