ubiquitour.com

Ajuste ancho de tabla con CSS

Ajuste ancho de tabla con CSS

Se puede establecer el ancho de una mesa individual utilizando el atributo HTML "width". Introduzca el atributo directamente en la apertura etiqueta de tabla. Pero si en cambio necesita establecer anchos de varias tablas, utilice hojas de estilo en cascada (CSS). Establecer anchos de las tablas mediante la propiedad "width" en tu hoja de estilo. Su sitio web aplica esta propiedad en todas las páginas cuyas tablas usan ese estilo. Luego puede agregar otras propiedades al estilo, incluyendo altura, espaciamiento y fronteras.

Instrucciones

1 Inserte el código siguiente en la hoja de estilos:

Table.Narrow-tabla {width: 600px;}

2 Reemplazar "600" con el ancho que desee, en píxeles. Alternativamente, reemplace "600px" con el ancho que desea en términos de porcentaje de la página. Por ejemplo:

Table.Narrow-tabla {width: 50%;}

3 En página web, vuelva a colocar la etiqueta HTML "< table >" con "< tabla clase ="estrecho-tabla">."