Header Ads

Color en los bordes de las tablas con HTML

Como vimos en publicaciones anteriores el poner bordes a nuestra tabla, hace que esta tenga un mayor atractivo, pero es aun mas llamativa cuando ponemos colores a estos bordes, sobre todo colores que combinan con nuestra web. Para eso utilizaremos el atributo bordercolor, que nos permitirá citar un color y este aparecerá en ves del color por defecto, el cual es el negro.

Para el siguiente ejemplo utilizaremos bordercolor="blue" 

Código HTML: 

<table border="1" width="500" height="300" bordercolor="blue">.........</table>

Resultado: 

Objeto1.1 Objeto1.2 Objeto1.3
Objeto2.1 Objeto2.2 Objeto2.3
Objeto3.1 Objeto3.2 Objeto3.3


Ahora en el segundo ejemplo usaremos un bordercolor="#ab2ab2"


Código HTML: 

<table border="1" width="500" height="300" bordercolor="#ab2ab2">.........</table>

Resultado:


Objeto1.1 Objeto1.2 Objeto1.3
Objeto2.1 Objeto2.2 Objeto2.3
Objeto3.1 Objeto3.2 Objeto3.3

Como notamos en los ejemplos, el poner color a nuestros bordes, nos ayuda a poner un encanta mas atractivo a las tablas y olvidarnos del aburrido y cansado color negro, que es el color de borde por defecto.

OJO: Es necesario aclarar que hay dos formas de aplicar colores , una traduciendo el color en Ingles como vimos en la primera tabla y la otra en forma hexadecimal como se observa en la segunda tabla.




1 comentario: