我有一个包含17列的表,分为3列组.我可以使用CSS设置背景颜色,这表明我的CSS选择器很好.但是,我无法在每个组的外部设置边框.
首先我尝试了这个CSS:
- colgroup.inbound,colgroup.outbound {
- background-color: #eeeeee;
- border: 1px solid red;
- }
并以这种方式定义列组:
- <colgroup span="2"></colgroup>
- <colgroup span="12" class="inbound"></colgroup>
- <colgroup span="3" class="outbound"></colgroup>
接下来我尝试了这个CSS:
- col.inbound,col.outbound {
- background-color: #eeeeee;
- border: 1px solid red;
- }
并以这种方式定义组:
- <colgroup
- <col span="2">
- <col span="12" class="inbound">
- <col span="3" class="outbound">
- </colgroup>
在这两种情况下,我的背景颜色都会生效,但不会生效.我能看到的唯一边界是所有单元格之间的细白线(不是整个组周围).
我知道表规则属性,但我不想使用它.如果我能弄清楚如何使用它,我认为CSS会给我更大的灵活性!