Tabeller
Table(tab1)
| A | B | C | D |
| 11 | 12 | 13 | 14 |
| 21 | 22 | 23 | 24 |
| 31 | 32 | 33 | 34 |
| e | f | g | h |
table#tab1 {border-collapse: collapse;}
table#tab1 td{border-style:solid;padding:10px}
table#tab1 thead td{color:red}
table#tab1 tfoot td{color:blue}
table#tab1 tbody tr:nth-child(2n){background-color:gray}
table#tab1 tbody td:nth-child(2n){background-color:yellow}
Table(tab2)
| A | B | C | D |
| 11 | 12 | 13 | 14 |
| 21 | 22 | 23 | 24 |
| 31 | 32 | 33 | 34 |
| e | f | g | h |
table#tab2 {border-collapse: collapse;}
table#tab2 td{padding:10px}
table#tab2 thead td{border-bottom-style:solid}
table#tab2 tfoot td{border-top-style:solid}
table#tab2 tbody td+td{border-left-style:solid}
Table(dbresult)
Tabellen nedenfor er styrt av følgende stildefinisjon:
Noen tilfeldige viner fra Spania
| Type | Navn | Terningkast |
|---|---|---|
| red | Casa de la Ermita Monastrell 2002 | 5 |
| red | Castillo de Aguarn Garnacha 2001 | 4 |
| red | Preferido Tempranillo 1998 | 4 |
| red | Pirineos Merlot-Cabernet 2000 | 4 |
| red | Marqus de Ballestar Reserva 1999 | 4 |
.dbresult div{font-style:italic;font-size:15px;font-weight:bold;
padding-top:10px}
.dbresult table{font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
border-collapse:collapse; width: 400px;}
.dbresult th{padding: 0 0.5em; text-align:left;
border: 1px solid #CCC;border-top-style:none}
.dbresult th:last-child{ border-right-style:none}
.dbresult th:first-child{ border-left-style:none}
.dbresult td{border-bottom: 1px solid #CCC; padding: 0 0.5em;}
.dbresult td:first-child {width: 40px;text-transform:capitalize}
.dbresult td+td {border-left: 1px solid #CCC; text-align: left;}
.dbresult td:last-child{ text-align: center;}
Tabell(tab4)
Tabellen nedenfor er styrt av følgende stildefinisjon:
Olympiske sprintresultater
| Resultater 100 Barcelona 1992 | ||
|---|---|---|
| Linford Christie | Gbr | 9.96 |
| Frank Fredericks | Nam | 10.02 |
| Dennis Mitchell | Nam | 10.04 |
| Bruny Surin | can | 10.09 |
| Leroy Burrell | NGR | 10.12 |
.tab4 table{font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
border-collapse:collapse; width: 250px;
border:2px solid blue}
.tab4 thead {background-color:yellow;}
.tab4 td{border-bottom: 1px solid #CCC; padding: 0 0.5em;}
.tab4 td+td {border-left: 1px solid #CCC; text-align: left;}
.tab4 td:nth-child(2){text-transform:uppercase;}
.tab4 td:last-child{text-align: right;}
.tab4 tr:last-child{border-bottom:2px solid blue}
