Kan ik een html tabel omzetten in css, en hoe/waar?

CSS is niet hetzelfde als HTML. Met CSS kun je HTML-elementen opmaken.

Een gehele tabel, rij, of cel (in HTML) kun je opmaken met CSS. Het is niet zo dat je in CSS dus zomaar een tabel kan maken zonder HTML.

Wat je wel kan doen, is van een div of een span de eigenschap van een tabel, rij of cel geven. Je doet dat door de div of span een class mee te geven, zoals:

In CSS doe je dan:
div.table {
display: table;
}

Of:

div.cell {
display: table-cell;
}

Een gevulde tabel zou er dan zo uit kunnen zien (in HTML):


Zie de bron voor meer informatie (engels).

Je kunt je bestaande tabel gewoon opmaken met CSS, er verandert dan niets aan de inhoud. Bij voorbeeld:



Geeft je tabel een specifieke rand en de header van je tabel een groene kleur met witte letters.

Je kunt je table (een als je wilt elk afzonderlijk onderdeeltje - zoals cellen) ook een ID geven, waardoor je met .btw (je geeft de cellen in een btw kolom het volgende mee: id="btw") deze cellen een blauwe kleur met rode cijfers kunt geven:

.btw
{
background-color:blue;
color:red;
}

Op dezelfde sit als boven vermeld (www.w3schools.com) vind je hier de nodige informatie over:

http://www.w3schools.com/css/css_table.asp