colgroup with style
Rendered Table:
| column1 |
column2 |
column3 |
column4 |
| Moose |
White-tailed Deer |
Caribou |
Gray Wolf |
| Coyote |
Red Fox |
Bobcat |
Lynx |
| Mountain Lion |
Black Bear |
Snowshoe Hare |
Raccoon |
The CSS:
table.wstyle {
width: 700px;
border-collapse: collapse;
background-color:rgb(200,200,255);
color:black;
}
col.column1 {
color:green;
background-color: rgb(200,255,200);
border: 3px solid green;
font-family: monospace;
text-align: left;
}
col.column2 {
color:green;
background-color: rgb(255,200,200);
border: 3px solid red;
font-family: monospace;
}
col.column3 {
color:yellow;
background-color: rgb(255,255,200);
border: 3px solid yellow;
font-family: serif;
text-align: center;
}
col.column4 {
color:rgb(255,0,255);
background-color: rgb(255,200,255);
border: 3px solid rgb(255,0,255);
font-family: serif;
text-align: right;
}
.all {
color:red;
width: 25%;
}
thead {
background-color: blue;
color: red;
border: 3px dotted black;
font-family: sans-serif;
text-align: center;
}
td.redfox {
color:rgb(0,0,255);
background-color: rgb(200,200,200);
border: 2px solid black;
font-family: serif;
text-align: right;
}