{"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":"comment-changer-la-couleur-darriere-plan-dun-tableau-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-change-table-background-color-in-wordpress\/","title":{"rendered":"Comment changer la couleur d'arri\u00e8re-plan d'un tableau dans WordPress"},"content":{"rendered":"<p>Par d\u00e9faut, les tableaux WordPress sont cr\u00e9\u00e9s avec un arri\u00e8re-plan transparent. Mais vous pouvez souhaiter modifier l'arri\u00e8re-plan du tableau en fonction de la conception de votre site web et de vos besoins en mati\u00e8re de stylisation.<\/p>\n\n\n\n<p>Cela peut vous aider \u00e0 cr\u00e9er une identit\u00e9 visuelle coh\u00e9rente, \u00e0 am\u00e9liorer la lisibilit\u00e9 et l'exp\u00e9rience des utilisateurs. Cet article explique deux m\u00e9thodes simples pour changer la couleur d'arri\u00e8re-plan dans WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>M\u00e9thode 1<\/strong>: <a href=\"#Changing-the-Background-Color-of-the-Default-Table-Block\">Modification de la couleur d'arri\u00e8re-plan du bloc de tableau par d\u00e9faut<\/a><\/li>\n\n\n\n<li><strong>M\u00e9thode 2<\/strong>: <a href=\"#Changing-the-Background-Color-of-the-Tableberg-Block\">Changement de la couleur d'arri\u00e8re-plan du bloc 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>Cr\u00e9er de belles tables <\/strong><br><strong>Avec l'\u00e9diteur de blocs<\/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\">Essai gratuit<\/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\/fr\/la-tarification\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obtenir un 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\u00e9thode 1 : Utilisation du bloc de tableaux par d\u00e9faut<\/h2>\n\n\n\n<p>Ci-dessous, vous pouvez voir un tableau fictif cr\u00e9\u00e9 avec le bloc de tableau par d\u00e9faut de WordPress. Cliquez sur l'ic\u00f4ne Tableau dans la barre d'outils pour s\u00e9lectionner l'ensemble du bloc tableau.<\/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=\"S\u00e9lectionnez la table cr\u00e9\u00e9e par le bloc de table par d\u00e9faut 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>Allez dans l'onglet Styles sur la barre lat\u00e9rale droite. Cliquez sur l'option Arri\u00e8re-plan dans la section Couleur. Une bo\u00eete de couleurs s'ouvre. Vous pouvez s\u00e9lectionner une couleur unie ou d\u00e9grad\u00e9e.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Une fois que vous avez s\u00e9lectionn\u00e9 une couleur, vous verrez qu'elle est appliqu\u00e9e \u00e0 l'arri\u00e8re-plan du tableau en temps r\u00e9el.<\/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=\"Modifier la couleur d&#039;arri\u00e8re-plan de la table par d\u00e9faut 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\u00e9thode 2 : Utilisation du plugin Tableberg<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a> est un plugin de construction de tableau prometteur pour WordPress. Il vous permet d'ajouter diff\u00e9rents types d'informations au tableau afin de le rendre polyvalent et capable de servir des objectifs multiples.<\/p>\n\n\n\n<p>Contrairement au bloc Table par d\u00e9faut, le bloc Tableberg vous permet de modifier les couleurs d'arri\u00e8re-plan des \u00e9l\u00e9ments suivants <strong>l'en-t\u00eate, le pied de page et les lignes<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Modification de la couleur d'arri\u00e8re-plan de l'en-t\u00eate du tableau<\/strong><\/h3>\n\n\n\n<p>(Veillez \u00e0 ce que votre tableau ait un <a href=\"https:\/\/tableberg.com\/fr\/comment-ajouter-un-en-tete-a-un-tableau-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">section d'en-t\u00eate<\/a>)<\/p>\n\n\n\n<p>Tout d'abord, s\u00e9lectionnez l'ensemble du bloc Tableberg en cliquant sur le bouton <strong>Ic\u00f4ne Tableberg<\/strong> (1). Cliquez ensuite sur l'ic\u00f4ne <strong>Onglet Styles<\/strong> (2) dans le panneau d'options de droite. Enfin, changez la couleur de '<strong>Couleur d'arri\u00e8re-plan de l'en-t\u00eate<\/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\">Modification de la couleur d'arri\u00e8re-plan des lignes paires du tableau<\/h3>\n\n\n\n<p>S\u00e9lectionnez l'ensemble du bloc Tableberg en cliquant sur le bouton <strong>Ic\u00f4ne Tableberg<\/strong> (1). Cliquez ensuite sur l'ic\u00f4ne <strong>Onglet Styles<\/strong> (2) dans le panneau d'options de droite. Enfin, changez la couleur de '<strong>Couleur d'arri\u00e8re-plan des rangs pairs<\/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\">Modification de la couleur d'arri\u00e8re-plan de la ligne impaire du tableau<\/h3>\n\n\n\n<p>S\u00e9lectionnez l'ensemble du bloc Tableberg en cliquant sur le bouton <strong>Ic\u00f4ne Tableberg<\/strong> (1). Cliquez ensuite sur l'ic\u00f4ne <strong>Onglet Styles<\/strong> (2) dans le panneau d'options de droite. Enfin, changez la couleur de '<strong>Couleur d'arri\u00e8re-plan de la rang\u00e9e impaire<\/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\">Modification de la couleur d'arri\u00e8re-plan du pied de page du tableau<\/h3>\n\n\n\n<p>(Veillez \u00e0 ce que votre tableau ait un <a href=\"https:\/\/tableberg.com\/fr\/comment-ajouter-un-pied-de-page-a-un-tableau-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">section du pied de page<\/a>)<\/p>\n\n\n\n<p>S\u00e9lectionnez l'ensemble du bloc Tableberg en cliquant sur le bouton <strong>Ic\u00f4ne Tableberg<\/strong> (1). Cliquez ensuite sur l'ic\u00f4ne <strong>Onglet Styles<\/strong> (2) dans le panneau d'options de droite. Enfin, changez la couleur de '<strong>Couleur d'arri\u00e8re-plan du pied de page<\/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>Voil\u00e0, c'est fait. Voil\u00e0 comment vous pouvez changer la couleur d'arri\u00e8re-plan du tableau cr\u00e9\u00e9 avec le 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\">Conclusion<\/h2>\n\n\n\n<p>J'esp\u00e8re que vous pouvez maintenant personnaliser les couleurs d'arri\u00e8re-plan de vos tableaux dans WordPress quand vous le souhaitez. Mais n'oubliez pas que certaines couleurs ont un effet aveuglant sur les yeux des lecteurs et perturbent leur lisibilit\u00e9.&nbsp;<\/p>\n\n\n\n<p>De plus, si vous n'utilisez pas de couleurs contrast\u00e9es, vous risquez de r\u00e9duire la lisibilit\u00e9 du tableau. J'esp\u00e8re que vous garderez ces points \u00e0 l'esprit lorsque vous changerez la couleur d'arri\u00e8re-plan de votre tableau.&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%2Ffr%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=\"\">action<\/span>\n\t\t\t<\/a><a aria-label=\"twitter-logo\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Ffr%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=\"\">tweet<\/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%2Ffr%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=\"\">action<\/span>\n\t\t\t<\/a><a aria-label=\"pinterest-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?&amp;url=https%3A%2F%2Ftableberg.com%2Ffr%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=\"\">\u00e9pingle<\/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%2Ffr%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=\"\">poste<\/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%2Ffr%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=\"\">action<\/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\/fr\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=301"}],"version-history":[{"count":9,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/301\/revisions"}],"predecessor-version":[{"id":6440,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/301\/revisions\/6440"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/6432"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}