Header Ads

atributo cellspacing en html

Una cosa que es de suma importancia y es muy valido mencionar en este curso de HTML, es el atributo cellspacing en las tablas, dicho atributo define el espacio entre los bordes de la tabla en pixeles.

Así como el atributo cellpadding usar el atributo cellspacing, nos permite dar un mejor aspecto a nuestra tabla.

A continuación veremos 2 tablas una sin el atributo cellspacing y otra con dicho atributo, con la intención de mostrar la diferencia que hay cuando lo usamos. 

Código HTML:
                      si aun no tienes en claro la codificación de tablas, visite : creación de tablas , etiquetas de una tabla
          
<table border="1" cellpadding="50" width="500" height="300">.....................</table>

Resultado: 


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

ahora en el siguiente ejemplo usaremos el atributo cellspacing="10" para notar la diferencia con respecto a la primera tabla.

Código HTML:

<table border="1" cellpadding="50" width="500" height="300" cellpacing="10">.....................</table>

Resultado:


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


Como observamos en la segunda tabla, al usar el atributo cellspacing="10", el espacio entre todos los bordes de la tabla se alinean a 10 pixeles de distancia. 

Espero les sea de utilidad este post cualquier aporte o duda que deseen hacer solo dejen un comentario.






No hay comentarios