网络零售商的终极网站
 HTML5。 入门的教训。  W3Schools 乌克兰语

西斯

HTML Група стовпців таблиці


Елемент <colgroup> використовується для стилізації визначених стовпців таблиці.


HTML 源文件

如果要设置表格前两列的格式,请选择元素 <colgroup> та <col>.

星期一 税法解释权 星期三 周四 周五 SAT 太阳
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28

Елемент <colgroup> слід використовувати в якості контейнера для специфікацій стовпця.

皮肤组需要额外的元素 <col>.

Атрибут span вказує, скільки стовпців отримує стиль.

Атрибут style вказує стиль, що застосовується до стовпців.

笔记: 已经可以选择了为城市景观设计的 CSS 模板.

屁股

<table>
  <colgroup>
    <col span="2" style="background-color: #D6EEEE">
  </colgroup>
  <tr>
<th>星期一</th>
<th>税法解释权</th>
<th>星期三</th>
<th>周四</th>
...
自己尝试一下»

笔记: 标签<colgroup> має бути дочірнім елементом елемента <table> і має розташовуватись перед будь-якими іншими елементами таблиці, такими як <thead>, <tr>, <td> і т.д., але після елемента <caption>, якщо він присутній.


允许的 CSS 权限

很明显,对于允许在 colgroup 中 vikorize 的 CSS 权限集没有任何限制:

width властивість
visibility властивість
background властивість
border властивість

所有其他 CSS 属性都不会影响您的表格。


元素喷雾 Col

如果你想设计更多不同风格的单品,选择更多的元素 <col> всередині <colgroup>:

屁股

<table>
  <colgroup>
    <col span="2" style="background-color: #D6EEEE">
    <col span="3" style="background-color: pink">
  </colgroup>
  <tr>
<th>星期一</th>
<th>税法解释权</th>
<th>星期三</th>
<th>周四</th>
...
自己尝试一下»

空的斯托夫特组

如果要将列排列在表格中间,请插入“空”元素 <col> (без стилів) для стовпців перед:

屁股

<table>
  <colgroup>
    <col span="3">
    <col span="2" style="background-color: pink">
  </colgroup>
  <tr>
<th>星期一</th>
<th>税法解释权</th>
<th>星期三</th>
<th>周四</th>
...
自己尝试一下»

普里霍瓦特·斯托夫普齐

您可以抓住 stovpci 以获得额外的力量 visibility: collapse:

屁股

<table>
  <colgroup>
    <col span="2">
    <col span="3" style="visibility: collapse">
  </colgroup>
  <tr>
<th>星期一</th>
<th>税法解释权</th>
<th>星期三</th>
<th>周四</th>
...
自己尝试一下»


评论