Se empieza por el <table>
<tr> fila
<td> celda
Esto es lo básico pero también se le puede estilos con el "style" estos pueden ser el color de fondo es "background: " (Para ver los colores en esta página: HTML Colores"
En lo referente a los tipos de bordes existen las siguientes posibilidades:
- none: sin línea.
- solid: con línea continua (valor por defecto).
- dotted: línea punteada.
- dashed: línea discontinua (segmentos cortos de línea).
- inset: línea con el color en bajorelieve.
- outset: línea que simula el relieve.
<td >Celda 1</td>
<td >Celda 2</td>
<td >Celda 3</td>
</tr>
<tr>
<td>Celda 4</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
</table>
Celda 1 | Celda 2 | Celda 3 |
Celda 4 | Celda 5 | Celda 6 |
En el "borde radius" cuanto mas px mas circular
<tbody>
<tr>
<td style="background: olive; border: 1px solid;">1</td>
<td style="background: olive; border: 1px solid;">2</td>
</tr>
<tr>
<td style="background: red; border: 1px solid;">Celda 4</td>
<td style="background: red; border: 1px solid;">Celda 5</td>
</tr>
</tbody></table>
1 | 2 |
Celda 4 | Celda 5 |
<table style="background: blue; border: 10px dotted red; border-radius:22px;" width="150" height="150">
<tbody>
<tr>
<td style="background: olive; border: 1px solid;">1</td>
<td style="background: olive; border: 1px solid;">2</td>
</tr>
<tr>
<td style="background: red; border: 1px solid;">Celda 4</td>
<td style="background: red; border: 1px solid;">Celda 5</td>
</tr>
</tbody></table>
1 | 2 |
Celda 4 | Celda 5 |