{"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-alterar-a-cor-de-fundo-da-tabela-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-change-table-background-color-in-wordpress\/","title":{"rendered":"Como alterar a cor de fundo da tabela no WordPress"},"content":{"rendered":"<p>Por padr\u00e3o, as tabelas do WordPress s\u00e3o criadas com um plano de fundo transparente. Mas talvez voc\u00ea queira alterar o plano de fundo da tabela de acordo com as necessidades de design e estiliza\u00e7\u00e3o do seu site.<\/p>\n\n\n\n<p>Isso pode ajud\u00e1-lo a criar uma identidade visual coesa, melhorando a legibilidade e a experi\u00eancia do usu\u00e1rio. Este artigo explicar\u00e1 dois m\u00e9todos f\u00e1ceis de como alterar a cor do plano de fundo no 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\">Altera\u00e7\u00e3o da cor de fundo do bloco de tabela padr\u00e3o<\/a><\/li>\n\n\n\n<li><strong>M\u00e9todo 2<\/strong>: <a href=\"#Changing-the-Background-Color-of-the-Tableberg-Block\">Altera\u00e7\u00e3o da cor de fundo do bloco 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>Criar mesas bonitas <\/strong><br><strong>Com o Block Editor<\/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\">Experimente gratuitamente<\/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\/pt\/precificacao\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obter um profissional<\/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: Usando o bloco de tabela padr\u00e3o<\/h2>\n\n\n\n<p>Abaixo, voc\u00ea pode ver uma tabela fict\u00edcia criada com o bloco de tabela padr\u00e3o do WordPress. Clique no \u00edcone Tabela na barra de ferramentas para selecionar o bloco de tabela inteiro.<\/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=\"Selecione a tabela criada pelo bloco de tabelas padr\u00e3o do 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>V\u00e1 at\u00e9 a guia Styles (Estilos) na barra lateral direita. Clique na op\u00e7\u00e3o Background (Plano de fundo) na se\u00e7\u00e3o Color (Cor). Uma caixa de cores ser\u00e1 aberta. Voc\u00ea pode selecionar uma cor s\u00f3lida ou gradiente.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Depois de selecionar uma cor, voc\u00ea ver\u00e1 que ela \u00e9 aplicada ao plano de fundo da tabela em tempo 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=\"Alterar a cor de fundo da tabela padr\u00e3o do 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: Usando o plug-in Tableberg<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a> \u00e9 um promissor plug-in de cria\u00e7\u00e3o de tabelas para WordPress. Ele permite que voc\u00ea adicione v\u00e1rios tipos de informa\u00e7\u00f5es \u00e0 tabela para torn\u00e1-la vers\u00e1til e capaz de atender a objetivos polivalentes.<\/p>\n\n\n\n<p>Diferentemente do bloco Table padr\u00e3o, o bloco Tableberg permite que voc\u00ea altere as cores de fundo para <strong>cabe\u00e7alho, rodap\u00e9 e linhas<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Altera\u00e7\u00e3o da cor de fundo do cabe\u00e7alho da tabela<\/strong><\/h3>\n\n\n\n<p>(Certifique-se de que sua tabela tenha um <a href=\"https:\/\/tableberg.com\/pt\/como-adicionar-um-cabecalho-a-uma-tabela-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">se\u00e7\u00e3o de cabe\u00e7alho<\/a>)<\/p>\n\n\n\n<p>Primeiro, selecione todo o bloco Tableberg clicando no \u00edcone <strong>\u00cdcone Tableberg<\/strong> (1). Em seguida, clique no \u00edcone <strong>Guia Estilos<\/strong> (2) no painel de op\u00e7\u00f5es do lado direito. E, finalmente, altere a cor de '<strong>Cor de fundo do cabe\u00e7alho<\/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\">Altera\u00e7\u00e3o da cor de fundo da linha uniforme da tabela<\/h3>\n\n\n\n<p>Selecione todo o bloco Tableberg clicando no \u00edcone <strong>\u00cdcone Tableberg<\/strong> (1). Em seguida, clique no \u00edcone <strong>Guia Estilos<\/strong> (2) no painel de op\u00e7\u00f5es do lado direito. E, finalmente, altere a cor de '<strong>Cor de fundo da linha 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\">Altera\u00e7\u00e3o da cor de fundo da linha \u00edmpar da tabela<\/h3>\n\n\n\n<p>Selecione todo o bloco Tableberg clicando no \u00edcone <strong>\u00cdcone Tableberg<\/strong> (1). Em seguida, clique no \u00edcone <strong>Guia Estilos<\/strong> (2) no painel de op\u00e7\u00f5es do lado direito. E, finalmente, altere a cor de '<strong>Cor de fundo da linha \u00edmpar<\/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\">Altera\u00e7\u00e3o da cor de fundo do rodap\u00e9 da tabela<\/h3>\n\n\n\n<p>(Certifique-se de que sua tabela tenha um <a href=\"https:\/\/tableberg.com\/pt\/como-adicionar-um-rodape-a-uma-tabela-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">se\u00e7\u00e3o de rodap\u00e9<\/a>)<\/p>\n\n\n\n<p>Selecione todo o bloco Tableberg clicando no \u00edcone <strong>\u00cdcone Tableberg<\/strong> (1). Em seguida, clique no \u00edcone <strong>Guia Estilos<\/strong> (2) no painel de op\u00e7\u00f5es do lado direito. E, finalmente, altere a cor de '<strong>Cor de fundo do rodap\u00e9<\/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>\u00c9 isso a\u00ed. \u00c9 assim que voc\u00ea pode alterar a cor de fundo da tabela criada com o plug-in 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\">Conclus\u00e3o<\/h2>\n\n\n\n<p>Espero que agora voc\u00ea possa personalizar as cores de fundo de suas tabelas no WordPress sempre que quiser. Mas lembre-se de que algumas cores causam um efeito gritante nos olhos dos leitores e atrapalham seus \u00edndices de legibilidade.&nbsp;<\/p>\n\n\n\n<p>Al\u00e9m disso, se voc\u00ea n\u00e3o usar cores contrastantes adequadas, isso tamb\u00e9m pode diminuir a pontua\u00e7\u00e3o de legibilidade. Espero que voc\u00ea tenha esses pontos em mente ao alterar a cor de fundo da sua tabela.&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=\"logotipo do facebook\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fpt%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=\"\">compartilhar<\/span>\n\t\t\t<\/a><a aria-label=\"logotipo do twitter\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Fpt%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=\"\">tu\u00edte<\/span>\n\t\t\t<\/a><a aria-label=\"logotipo do linkedin\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fpt%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=\"\">compartilhar<\/span>\n\t\t\t<\/a><a aria-label=\"logotipo do pinterest\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?&amp;url=https%3A%2F%2Ftableberg.com%2Fpt%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=\"\">pino<\/span>\n\t\t\t<\/a><a aria-label=\"logotipo do reddit\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/www.reddit.com\/submit?url=https%3A%2F%2Ftableberg.com%2Fpt%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=\"\">postagem<\/span>\n\t\t\t<\/a><a aria-label=\"logotipo do tumblr\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Ftableberg.com%2Fpt%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=\"\">compartilhar<\/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\/pt\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=301"}],"version-history":[{"count":9,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/301\/revisions"}],"predecessor-version":[{"id":6440,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/301\/revisions\/6440"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/6432"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}