Tabla CSS (tabla)

El uso de CSS puede mejorar en gran medida la aparición de las tablas HTML.

borde de la tabla

Especifica los bordes de la tabla CSS, utilice la propiedad frontera.

En el siguiente ejemplo se especifica una tabla de elementos TH y TD borde negro:

Tenga en cuenta que en el ejemplo anterior, la tabla tiene un borde doble. Esto se debe a la mesa y el th / td elementos tienen bordes separados.

Con el fin de mostrar un solo fotograma de una tabla, utilice la propiedad border-collapse.

marco plegable

atributo border-collapse establecer si los bordes de la tabla se colapsan en una sola frontera o separados:

Ancho de la mesa y la altura

Anchura y altura atributos definen la anchura y la altura de la mesa.

En el siguiente ejemplo se establece en 100% ancho de la tabla altura de 50 píxeles th elemento:

alineación del texto Forma

Tabla alineación del texto y las propiedades de alineación vertical.

propiedad text-align se establece la alineación horizontal, como a la izquierda, derecha o centro:

El establecimiento ofrece ajustes de alineación vertical-align verticales, tales como superior, inferior, o media:

rellenado de formularios

Si el espacio entre el control fronterizo en la tabla de contenido, se debe utilizar el atributo de relleno y td elementos th:

tabla de colores

En el siguiente ejemplo se especifica el color de la frontera, y los elementos de th el color del texto y el fondo:

más ejemplos

Hacer una forma personalizada
Este ejemplo muestra cómo crear un formulario personalizado.

Establecer la posición leyenda de la tabla
Este ejemplo demuestra cómo la posición de la cabecera de la tabla.