Tecnología

Inicio

Ajuste de ancho de tabla con CSS

Ajuste de ancho de tabla con CSS


Es posible ajustar el ancho de una tabla individual mediante el atributo HTML "ancho". Inserte el atributo directamente en la etiqueta de la tabla de apertura. Pero si en cambio tiene que establecer el ancho de varias mesas ', utilizar las hojas de estilo en cascada (CSS). Establecer el ancho de las tablas mediante la propiedad "ancho" en la hoja de estilo. Su sitio se aplicará esta propiedad en todas las páginas cuyas mesas utilizar ese estilo. A continuación, puede añadir otras propiedades para el estilo, incluyendo la altura, el espacio y las fronteras.

Instrucciones

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

table.narrow mesa {width: 600px;}

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

table.narrow mesa {width: 50%; }

3 En que la página web, sustituir el HTML "<table>" etiqueta con "<table class =" estrechez de mesa ">".