Color a una tabla HTML

28/Jul/2015 CSS , Deja un comentario

En este ejemplo vamos a ver como podemos dar color a una tabla HTML. Lo que haremos es que la tabla tenga un color homogéneo en toda la tabla.

Lo primero será crear una tabla con los elementos a href="http://www.manualweb.net/tutorial-html/" title="Manual de HTML">HTML table, tr y td.

  1. <th>País</th>
  2. <th>Capital</th>
  3. <th>Superficie</th>
  4. <th>Habitantes</th>
  5. </tr>
  6. <td>España</td>
  7. <td>Madrid</td>
  8. <td>504.645 km<sup>2</sup></td>
  9. <td>46,6 M</td>
  10. </tr>
  11. ...
  12. </table>

Esta será la tabla sobre la que demos el color. Para dar color a una tabla HTML vamos a apoyarnos en CSS. En concreto vamos a dar estilo a lo que sería el elemento table. Es decir, al mismo elemento que representa toda la tabla.

  1. table {
  2. ...
  3. }

El atributo que nos permite dar color a una tabla es background-color. Al atributo background-color podemos indicarle el color mediante un nombre en inglés que represente el color:

  1. table {
  2. background-color: red;
  3. }

O bien podemos utilizar el color en hexadecimal. En este caso deberemos de utilizar una almohadilla delante del color hexadecimal.

  1. table {
  2. background-color: #f00;
  3. }

De esta forma tan sencilla habremos conseguido poner un color a una tabla con HTML y CSS.

Vídeos sobre HTML


Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*