Separacion de celdas
Aplicando las propiedades para obtener el siguiente resultado:
| Nombre |
Apellido |
Ahorro? |
| Bill |
Puertas (Gates) |
$100 |
| Juan |
"El Guason" |
$150 |
| Mr. |
Batman |
$300 |
| Peter |
Capusotto |
$250 |
Tabla con Hover
Pasar el mouse por las filas de la tabla para obtener el siguiente resultado:
| Nombre |
Apellido |
Ahorro? |
| Bill |
Puertas (Gates) |
$100 |
| Juan |
"El Guason" |
$150 |
| Mr. |
Batman |
$300 |
| Peter |
Capusotto |
$250 |
Tabla con nth-child
Aplicando nth-child a las filas pares para obtener el siguiente resultado:
| Nombre |
Apellido |
Ahorro? |
| Bill |
Puertas (Gates) |
$100 |
| Juan |
"El Guason" |
$150 |
| Mr. |
Batman |
$300 |
| Peter |
Capusotto |
$250 |
Tabla con cabecera azul
Obteniendo el siguiente resultado:
| Nombre |
Apellido |
Ahorro? |
| Bill |
Puertas (Gates) |
$100 |
| Juan |
"El Guason" |
$150 |
| Mr. |
Batman |
$300 |
| Peter |
Capusotto |
$250 |
Una tabla diferente y algo divertida...
| Compania |
Contacto |
Pais |
| Ferrari Motor Company |
Yoyo Maldonado |
Argentina |
| Fiat Motor Company |
Michael Shumacher |
Alemania |
| Walmart USA |
Ariel "el chino" Lewis |
Mexico Wey |
| Stradivarius Violin's |
Roberto "el brujo" Menendez |
Polaco |
| Paty Hamburguesas |
Marito "el carnicero" Diaz |
Francia |