{"id":301,"date":"2025-01-02T06:58:51","date_gmt":"2025-01-02T06:58:51","guid":{"rendered":"https:\/\/tableberg.com\/?p=301"},"modified":"2025-01-02T07:39:10","modified_gmt":"2025-01-02T07:39:10","slug":"como-cambiar-el-color-de-fondo-de-la-tabla-en-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-change-table-background-color-in-wordpress\/","title":{"rendered":"C\u00f3mo cambiar el color de fondo de la tabla en WordPress"},"content":{"rendered":"<p>Por defecto, las tablas de WordPress se crean con un fondo transparente. Pero es posible que desee cambiar el fondo de la tabla de acuerdo con el dise\u00f1o de su sitio web y las necesidades de estilizaci\u00f3n.<\/p>\n\n\n\n<p>Esto puede ayudarle a crear una identidad visual cohesiva, mejorando la legibilidad y la experiencia del usuario. Este art\u00edculo explicar\u00e1 dos m\u00e9todos sencillos sobre c\u00f3mo cambiar el color de fondo en WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>M\u00e9todo 1<\/strong>: <a href=\"#Changing-the-Background-Color-of-the-Default-Table-Block\">Cambio del color de fondo del bloque de tabla por defecto<\/a><\/li>\n\n\n\n<li><strong>M\u00e9todo 2<\/strong>: <a href=\"#Changing-the-Background-Color-of-the-Tableberg-Block\">Cambio del color de fondo del bloque Tableberg<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Cree bonitas mesas <\/strong><br><strong>Con el editor de bloques<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Pruebe gratis<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/es\/precios\/\" target=\"_blank\" rel=\"noreferrer noopener\">Conseguir Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Changing-the-Background-Color-of-the-Default-Table-Block\">M\u00e9todo 1: Utilizar el bloque de tabla por defecto<\/h2>\n\n\n\n<p>A continuaci\u00f3n, puede ver una tabla ficticia creada con el bloque de tabla predeterminado de WordPress. Haga clic en el icono Tabla de la barra de herramientas para seleccionar todo el bloque de tabla.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1278\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-table-created-by-the-default-WordPress-table-block.png\" alt=\"Seleccione la tabla creada por el bloque de tablas predeterminado de WordPress\" class=\"wp-image-287\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-table-created-by-the-default-WordPress-table-block.png 1278w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-table-created-by-the-default-WordPress-table-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-table-created-by-the-default-WordPress-table-block-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-table-created-by-the-default-WordPress-table-block-768x392.png 768w\" sizes=\"auto, (max-width: 1278px) 100vw, 1278px\" \/><\/figure>\n\n\n\n<p>Vaya a la pesta\u00f1a Estilos de la barra lateral derecha. Haz clic en la opci\u00f3n Fondo de la secci\u00f3n Color. Se abrir\u00e1 un cuadro de color. Puede seleccionar un color s\u00f3lido o degradado.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Una vez que selecciones un color, ver\u00e1s que se aplica al fondo de la mesa en tiempo real.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1278\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-the-background-color-of-the-default-WordPress-table.png\" alt=\"Cambiar el color de fondo de la tabla por defecto de WordPress\" class=\"wp-image-289\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-the-background-color-of-the-default-WordPress-table.png 1278w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-the-background-color-of-the-default-WordPress-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-the-background-color-of-the-default-WordPress-table-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-the-background-color-of-the-default-WordPress-table-768x392.png 768w\" sizes=\"auto, (max-width: 1278px) 100vw, 1278px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Changing-the-Background-Color-of-the-Tableberg-Block\">M\u00e9todo 2: Uso del plugin Tableberg<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a> es un prometedor plugin constructor de tablas para WordPress. Le permite a\u00f1adir varios tipos de informaci\u00f3n a la tabla para que sea vers\u00e1til y capaz de servir a objetivos polivalentes.<\/p>\n\n\n\n<p>A diferencia del bloque Tabla por defecto, el bloque Tableberg le permite cambiar los colores de fondo para <strong>cabecera, pie de p\u00e1gina y filas<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Cambiar el color de fondo de la cabecera de la tabla<\/strong><\/h3>\n\n\n\n<p>(Aseg\u00farese de que su mesa tiene un <a href=\"https:\/\/tableberg.com\/es\/como-anadir-un-encabezado-a-una-tabla-en-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">secci\u00f3n de cabecera<\/a>)<\/p>\n\n\n\n<p>En primer lugar, seleccione todo el bloque Tableberg haciendo clic en el icono <strong>Icono Tableberg<\/strong> (1). A continuaci\u00f3n, pulse el bot\u00f3n <strong>Ficha Estilos<\/strong> (2) del panel de opciones de la derecha. Y por \u00faltimo, cambia el color de '<strong>Color de fondo de la cabecera<\/strong>&#8216; (3). <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2536\" height=\"1536\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color.png\" alt=\"\" class=\"wp-image-1912\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color.png 2536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-300x182.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-1024x620.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-768x465.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-1536x930.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-2048x1240.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-18x12.png 18w\" sizes=\"auto, (max-width: 2536px) 100vw, 2536px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Cambiar el color de fondo de las filas pares de la tabla<\/h3>\n\n\n\n<p>Seleccione todo el bloque Tableberg haciendo clic en el bot\u00f3n <strong>Icono Tableberg<\/strong> (1). A continuaci\u00f3n, pulse el bot\u00f3n <strong>Ficha Estilos<\/strong> (2) del panel de opciones de la derecha. Y por \u00faltimo, cambia el color de '<strong>Color de fondo de la fila par<\/strong>&#8216; (3). <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"628\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-1024x628.png\" alt=\"\" class=\"wp-image-1913\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-1024x628.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-300x184.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-768x471.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-1536x942.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-2048x1256.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Cambiar el color de fondo de las filas impares de la tabla<\/h3>\n\n\n\n<p>Seleccione todo el bloque Tableberg haciendo clic en el bot\u00f3n <strong>Icono Tableberg<\/strong> (1). A continuaci\u00f3n, pulse el bot\u00f3n <strong>Ficha Estilos<\/strong> (2) del panel de opciones de la derecha. Y por \u00faltimo, cambia el color de '<strong>Color de fondo de la fila impar<\/strong>&#8216; (3). <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-1024x682.png\" alt=\"\" class=\"wp-image-1914\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-1024x682.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-300x200.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-768x512.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-1536x1023.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-2048x1364.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Cambiar el color de fondo del pie de tabla<\/h3>\n\n\n\n<p>(Aseg\u00farese de que su mesa tiene un <a href=\"https:\/\/tableberg.com\/es\/como-anadir-un-pie-de-pagina-a-una-tabla-en-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">secci\u00f3n pie de p\u00e1gina<\/a>)<\/p>\n\n\n\n<p>Seleccione todo el bloque Tableberg haciendo clic en el bot\u00f3n <strong>Icono Tableberg<\/strong> (1). A continuaci\u00f3n, pulse el bot\u00f3n <strong>Ficha Estilos<\/strong> (2) del panel de opciones de la derecha. Y por \u00faltimo, cambia el color de '<strong>Color de fondo del pie de p\u00e1gina<\/strong>&#8216; (3). <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"684\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-1024x684.png\" alt=\"\" class=\"wp-image-1916\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-1024x684.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-300x200.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-768x513.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-1536x1026.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-2048x1367.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ya est\u00e1. As\u00ed es como puedes cambiar el color de fondo de la tabla creada con el plugin Tableberg. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>Espero que ahora puedas personalizar los colores de fondo de tus tablas en WordPress cuando quieras. Pero recuerde que algunos colores causan un efecto llamativo en los ojos de los lectores y perturban sus puntuaciones de legibilidad.&nbsp;<\/p>\n\n\n\n<p>Adem\u00e1s, si no utiliza colores que contrasten adecuadamente, tambi\u00e9n puede disminuir la puntuaci\u00f3n de legibilidad. Espero que tenga en cuenta estos puntos al cambiar el color de fondo de su tabla.&nbsp;<\/p>\n\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-199afaf3-25fb-467f-88ab-858b8831abda\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"facebook-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fes%2Fhow-to-change-table-background-color-in-wordpress%2F&amp;title=How%20to%20Change%20Table%20Background%20Color%20in%20WordPress\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">compartir<\/span>\n\t\t\t<\/a><a aria-label=\"logo twitter\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Fes%2Fhow-to-change-table-background-color-in-wordpress%2F&amp;text=How%20to%20Change%20Table%20Background%20Color%20in%20WordPress\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">tuitee<\/span>\n\t\t\t<\/a><a aria-label=\"linkedin-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fes%2Fhow-to-change-table-background-color-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">compartir<\/span>\n\t\t\t<\/a><a aria-label=\"logo pinterest\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?&amp;url=https%3A%2F%2Ftableberg.com%2Fes%2Fhow-to-change-table-background-color-in-wordpress%2F&amp;description=How%20to%20Change%20Table%20Background%20Color%20in%20WordPress&amp;media=https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Create-a-Comparison-Table-in-WordPress-1024x404.png\" class=\"ub-social-share-pinterest-container\" style=\"border-color: #e60023; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-pinterest\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#e60023\" fill=\"#e60023\" width=\"20\" height=\"20\" viewbox=\"0 0 384 512\"><path d=\"M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z\"><\/path><\/svg><\/span><span style=\"\">pin<\/span>\n\t\t\t<\/a><a aria-label=\"reddit-logo\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/www.reddit.com\/submit?url=https%3A%2F%2Ftableberg.com%2Fes%2Fhow-to-change-table-background-color-in-wordpress%2F&amp;title=How%20to%20Change%20Table%20Background%20Color%20in%20WordPress\" class=\"ub-social-share-reddit-container\" style=\"border-color: #ff4500; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-reddit\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#ff4500\" fill=\"#ff4500\" width=\"20\" height=\"20\" viewbox=\"0 0 512 512\"><path d=\"M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 22 0 39.7-18.1 39.7-39.7s-17.6-39.7-39.7-39.7c-15.4 0-28.7 9.3-35.3 22l-97.4-21.6c-4.9-1.3-9.7 2.2-11 7.1L246.3 177c-52.9 2.2-100.5 18.1-136.3 42.8-9.7-10.1-23.4-16.3-38.4-16.3-55.6 0-73.8 74.6-22.9 100.1-1.8 7.9-2.6 16.3-2.6 24.7 0 83.8 94.4 151.7 210.3 151.7 116.4 0 210.8-67.9 210.8-151.7 0-8.4-.9-17.2-3.1-25.1 49.9-25.6 31.5-99.7-23.8-99.7zM129.4 308.9c0-22 17.6-39.7 39.7-39.7 21.6 0 39.2 17.6 39.2 39.7 0 21.6-17.6 39.2-39.2 39.2-22 .1-39.7-17.6-39.7-39.2zm214.3 93.5c-36.4 36.4-139.1 36.4-175.5 0-4-3.5-4-9.7 0-13.7 3.5-3.5 9.7-3.5 13.2 0 27.8 28.5 120 29 149 0 3.5-3.5 9.7-3.5 13.2 0 4.1 4 4.1 10.2.1 13.7zm-.8-54.2c-21.6 0-39.2-17.6-39.2-39.2 0-22 17.6-39.7 39.2-39.7 22 0 39.7 17.6 39.7 39.7-.1 21.5-17.7 39.2-39.7 39.2z\"><\/path><\/svg><\/span><span style=\"\">Correo electr\u00f3nico:<\/span>\n\t\t\t<\/a><a aria-label=\"tumblr-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Ftableberg.com%2Fes%2Fhow-to-change-table-background-color-in-wordpress%2F&amp;title=How%20to%20Change%20Table%20Background%20Color%20in%20WordPress\" class=\"ub-social-share-tumblr-container\" style=\"border-color: #001935; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-tumblr\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#001935\" fill=\"#001935\" width=\"20\" height=\"20\" viewbox=\"0 0 320 512\"><path d=\"M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z\"><\/path><\/svg><\/span><span style=\"\">compartir<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>","protected":false},"excerpt":{"rendered":"<p>By default, WordPress tables are created with a transparent background. But you might want to change the table background according to your website design and stylization needs. This can help you create a cohesive visual identity, improving readability, and user experiences. This article will explain two easy methods on how to change the background color [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6432,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[10,11,9],"class_list":["post-301","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-customize-table","tag-table-block","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Create-a-Comparison-Table-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/es\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=301"}],"version-history":[{"count":9,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/301\/revisions"}],"predecessor-version":[{"id":6440,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/301\/revisions\/6440"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/6432"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}