CSS - Table

Ces classes permettent de style rapidement un tableau. 

Tous les tableaux ci-dessous sont identiques en dehors de l'attribut classe de la balise table

<table>
  <thead>
    <tr>
      <th>titre 1</th>
      <th>titre 2</th>
      <th>titre 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
    <tr>
      <td>un</td>
      <td>deux</td>
      <td>trois</td>
    </tr>
    <tr>
      <td>one</td>
      <td>two</td>
      <td>three</td>
    </tr>
  </tbody>
</table>

.up-table-line

<table class="up-table-line">
titre 1 titre 2 titre 3
1 2 3
un deux trois
uno duo ter

.up

<table class="up">
titre 1 titre 2 titre 3
1 2 3
un deux trois
one two three

.up.line

<table class="up line>
titre 1 titre 2 titre 3
1 2 3
one two three
uno duo ter

.up.blue

<table class="up blue">
titre 1 titre 2 titre 3
1 2 3
un deux trois
one two three

.up.green

<table class="up green">
titre 1 titre 2 titre 3
1 2 3
un deux trois
one two three
Détails