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>
...
自己尝试一下»