NeytorTec Tutoriales Web

Neytortec es un blog dedicado a brindar conocimientos Sobre las diferentes formas de crear un sitio web desde el aprendizaje de lenguajes web hasta su aplicación en el uso de un Blog.

Como vimos en publicaciones anteriores el poner bordes a nuestra tabla, hace que esta tenga un mayor atractivo, pero es aun mas llamativa ...

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.

2 comentarios:

  1. Anónimo08 agosto

    thanks friend =)

    ResponderEliminar
  2. Anónimo28 marzo

    Muchas gracias, justo lo que buscaba :)

    ResponderEliminar