El ancho de la tabla estará determinado por la propiedad width, en la categoría Diseño.
Seleccione el valor y la unidad deseadas. Puede optar por una unidad fija (px, cm, pt...) o relativa: %. Con la unidad porcentaje, el ancho de la tabla será proporcional al ancho de su elemento padre: la ventana del navegador si la tabla está en la página web, o bien una caja <div>. Observe que si especifica el ancho de las celdas en la primera fila de la tabla, no es indispensable indicar el ancho de la tabla.
Es posible aplicar un color o una imagen de fondo a la tabla con las propiedades de la categoría Fondo.
El borde de la tabla, el borde exterior está definido por las propiedades de la categoría Borde.
Para este ejemplo hemos creado una clase llamada .tabla. Una vez definida las propiedades, hacemos clic en una de las celdas de la tabla, selecciono la tabla (<table>) en la barra de estado, y en el panel Propiedades le aplico la clase .tabla.
Esta clase .tabla utiliza las siguientes propiedades:
Un ancho de 300 píxeles (width: 300px):
Un fondo de color (background: #E4E4E4):
Un borde exterior sólido, estrecho y negro (border: thin solid #000):
El resultado en el navegador:
Por defecto, la tabla se alinea a la izquierda en la página. Si desea centrarla, utilice la propiedad margin. En la categoría ...
Suscripción
acceso ilimitado a todos los libros de ENI sin compromiso de permanencia
libro impreso o digital online