Scribd
Cargar
17 vistas2 páginas

Tablas CSS

Las tablas en HTML se crean con las etiquetas <table>, <tr>, <td> y <th>, y se pueden personalizar con atributos como colspan y rowspan para combinar celdas. Se pueden aplicar estilos como ancho, altura, borde y color de fondo tanto a la tabla como a las filas y celdas. Además, se pueden definir propiedades de alineación y espaciado para mejorar la presentación visual de los datos.

Cargado por

iniestamorcillojuanandres
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
17 vistas2 páginas

Tablas CSS

Las tablas en HTML se crean con las etiquetas <table>, <tr>, <td> y <th>, y se pueden personalizar con atributos como colspan y rowspan para combinar celdas. Se pueden aplicar estilos como ancho, altura, borde y color de fondo tanto a la tabla como a las filas y celdas. Además, se pueden definir propiedades de alineación y espaciado para mejorar la presentación visual de los datos.

Cargado por

iniestamorcillojuanandres
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

TABLAS

Las tablas en HTML se crean utilizando las etiquetas <table>, <tr> (fila),
<td> (celda de datos) y <th> (celda de encabezado).

Las atributos colspan y rowspan son parte de HTML y se utilizan en las


etiquetas <td> (celda de datos) y <th> (celda de encabezado) para
especificar cuántas columnas o filas debe abarcar una celda en una tabla.
Estos atributos son útiles cuando deseas combinar varias celdas en una sola
celda más grande.

Atributo colspan:

 colspan se utiliza para especificar cuántas columnas debe abarcar una


celda.

 rowspan se utiliza para especificar cuántas filas debe abarcar una


celda.

Para Tablas (<table>):

1. width: Establece el ancho de la tabla. width: 100%; width: 300px;


2. height: Establecer la altura de la tabla height:200px;
3. border: Define el ancho, el estilo y el color del borde de la tabla.
border: 1px solid #ddd;

4. background-color: Establece el color de fondo de la tabla.

5. border-spacing: Establece el espacio entre las celdas

border-spacing: 10px;

6. Para centrar una tabla en CSS, se puede utilizar la propiedad


margin y establecer los márgenes izquierdo y derecho a "auto".

margin-left: auto;

margin-right: auto;

Para Filas (<tr>):

1. background-color: Establece el color de fondo de la fila.


background-color: #f5f5f5;

2. border: Define el ancho, el estilo y el color del borde de la fila.

border: 1px solid #ddd;

3. height: Establece la altura de la fila. height: 30px;


Para Celdas de Datos (<td>) y Encabezados (<th>):

1. padding: Define el espacio interno de las celdas. padding: 8px;

2. text-align: Especifica la alineación horizontal del texto dentro de las


celdas.

text-align: left;

3. vertical-align: Especifica la alineación vertical del texto dentro de las


celdas. (top, bottom, middle)

4. border: Define el ancho, el estilo y el color del borde de las celdas.

border: 1px solid #ddd;

5. background-color: Establece el color de fondo de las celdas.

background-color: #f2f2f2;

6. border-radius: Agrega bordes redondeados a las celdas.

border-radius: 5px;

También podría gustarte