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

HTML <colgroup> 標簽

< 上一頁HTML <col> 標簽 HTML <command> 標簽 下一頁 >

實例

<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

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


標簽定義及使用說明

<colgroup> 標簽用于對表格中的列進行組合,以便對其進行格式化。

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

注釋:只能在 <table> 元素之內,在任何一個 <caption> 元素之后,在任何一個 <thead>、<tbody>、<tfoot>、<tr> 元素之前使用 <colgroup> 標簽。

提示:如果想對 <colgroup> 中的某列定義不同的屬性,請在 <colgroup> 標簽內使用 <col> 標簽。


HTML 4.01 與 HTML5之間的差異

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


屬性

屬性 描述
align left
right
center
justify
char
HTML5 不支持。規定在列組合中內容的水平對齊方式。
char character HTML5 不支持。規定根據哪個字符來對齊列組中的內容。
charoff number HTML5 不支持。規定第一個對齊字符的偏移量。
span number 規定列組應該橫跨的列數。
valign top
middle
bottom
baseline
HTML5 不支持。定義在列組合中內容的垂直對齊方式。
width pixels
%
relative_length
HTML5 不支持。規定列組合的寬度。


全局屬性

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


事件屬性

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

< 上一頁HTML <col> 標簽 HTML <command> 標簽 下一頁 >

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

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

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

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

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

相關文章

優秀教程

国产亚洲欧美日韩