
Tutorial para crear Tablas en tu Página Web usando WordPress y el plugin gratuito TablePress.
Vas a poder crear Filas, Columnas, combinar celdas y columnas y cambiar la apariencia de la tabla como aplicar color de fondo a una columna, poner títulos en negrita y centrar celdas.
Tutorial para crear Tablas en WordPress con TablePress
Para agregarle las características a la Tabla se usó código CSS.
Código CSS usado:
/* ANCHO MÁXIMO DE LA TABLA – CENTRAR TABLA – SCROLL VERTICAL */
.tabla-hosting {
max-width: 600px;
margin: 0 auto;
overflow-x: auto;
display: block;
}
/* ENCABEZADO COLOR DE FONDO */
.tabla-hosting thead th {
background-color: #ffc800;
}
/* BORDE CELDAS */
.tabla-hosting td {
border: #dddddd solid 1px;
text-align: center;
}
/*COLUMNA 1 – NEGRITA – ANCHO MÍNIMO*/
.tabla-hosting td.column-1 {
font-weight: bold;
min-width: 100px;
text-align: left;
}
/*ALINEACIÓN CELDAS CENTRO*/
.tabla-hosting th {
text-align: center;
}
/* DESTACAR COLUMNA */
.tabla-hosting td.column-3 {
background-color: #fff705 !important;
}
/* CENTRAR CELDA VERTICAL */
.tabla-hosting td.column-1 {
vertical-align: middle !important;
}
**********
Páginas para que puedas encontrar el Código del Color del minuto 5:55 y 8:12 :
https://htmlcolorcodes.com/es/
https://color.adobe.com/es/create/color-wheel
**********
Compartir