{"id":2048,"date":"2025-02-19T04:48:06","date_gmt":"2025-02-19T04:48:06","guid":{"rendered":"https:\/\/tableberg.com\/?p=2048"},"modified":"2025-02-19T04:48:10","modified_gmt":"2025-02-19T04:48:10","slug":"how-to-change-table-border-color-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-change-table-border-color-in-wordpress\/","title":{"rendered":"Come cambiare il colore del bordo della tabella in WordPress"},"content":{"rendered":"<p>Table borders refer to the lines that surround and separate the cells within a table. By default, WordPress adds a standard border color to the tables. But depending on your web design, you may want to change your table border color.<\/p>\n\n\n\n<p>But how to change it? To help you out, in this blog post we\u2019ll show you two easy methods of how to change the table border color in WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Metodo 1: <a href=\"#Changing-the-Border-Color-of-the-default-Table-Block\">Modifica del colore del bordo del blocco tabella predefinito<\/a><\/li>\n\n\n\n<li>Metodo 2: <a href=\"#Changing-the-Border-Color-of-the-Tableberg-Block\">Modifica del colore del bordo del blocco 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>Creare bellissimi tavoli <\/strong><br><strong>Con l'editor di blocchi<\/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\">Prova gratuita<\/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\/it\/determinazione-dei-prezzi\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ottieni un professionista<\/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-Border-Color-of-the-default-Table-Block\">Metodo 1: modifica del colore del bordo del blocco tabella predefinito<\/h2>\n\n\n\n<p>Il <a href=\"https:\/\/tableberg.com\/it\/come-utilizzare-il-blocco-tabella-di-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">blocco Tabella predefinito<\/a> consente di modificare il colore del bordo circostante della tabella. Ecco come fare.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 01: Select the Table and Go to the Styles Tab<\/h3>\n\n\n\n<p>Posizionare il cursore in un punto qualsiasi del tavolo. Andare quindi alla voce <strong>Scheda Stili<\/strong> dal pannello delle opzioni sul lato destro.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab.webp\" alt=\"Select the Table and Go to the Styles Tab\" class=\"wp-image-2057\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 02: Come to the Border Option and Change Its Color<\/h3>\n\n\n\n<p><strong>Come to the Border option<\/strong> by scrolling down the Styles tab. <strong>Click the circle<\/strong> under the border option. You\u2019ll be able to set a color for the surrounding border of the table.<\/p>\n\n\n\n<p><strong>Nota:<\/strong> The Table block doesn\u2019t allow you to change the inner border color.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color.webp\" alt=\"Come to the Border Option and Change Its Color\" class=\"wp-image-2058\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_996daf4d-0dc4-433a-aa08-085348617025\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Changing-the-Border-Color-of-the-Tableberg-Block\">Metodo 2: modifica del colore del bordo del blocco Tableberg<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tavolo di lavoro<\/a> is a block-based table-builder plugin. With this plugin, you can change the color of both internal and external borders of your tables. Here\u2019s a guide on <a href=\"https:\/\/tableberg.com\/it\/documenti\/come-creare-la-prima-tabella-con-tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">come creare una tabella con TableBerg<\/a>.<\/p>\n\n\n\n<p>Vediamo ora come modificare il colore del bordo del blocco Tableberg. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 01: Select the Table and Go to Styles Tab<\/h3>\n\n\n\n<p>Selezionate l'intera tabella con <strong>facendo clic sull'icona TableBerg<\/strong> (1) sulla barra degli strumenti. Andare alla sezione <strong>Scheda Stili<\/strong> (2) dopo di che.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2426\" height=\"960\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block.png\" alt=\"\" class=\"wp-image-3870\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block.png 2426w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-300x119.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-1024x405.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-768x304.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-1536x608.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-2048x810.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-18x7.png 18w\" sizes=\"auto, (max-width: 2426px) 100vw, 2426px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 02: Find the Table Border Options<\/h3>\n\n\n\n<p>Scorrendo la scheda verso il basso, si arriva alle opzioni del bordo della tabella. Troverete due opzioni: Bordo tabella e Bordo interno.<\/p>\n\n\n\n<p>Con la prima opzione, \u00e8 possibile modificare il colore del bordo della tabella. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2414\" height=\"1160\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block.png\" alt=\"\" class=\"wp-image-3871\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block.png 2414w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-300x144.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-1024x492.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-768x369.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-1536x738.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-2048x984.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-18x9.png 18w\" sizes=\"auto, (max-width: 2414px) 100vw, 2414px\" \/><\/figure>\n\n\n\n<p>Passare quindi all'opzione Bordo interno. Impostare il colore desiderato.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2432\" height=\"1546\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block.png\" alt=\"\" class=\"wp-image-3872\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block.png 2432w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-300x191.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-1024x651.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-768x488.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-1536x976.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-2048x1302.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-18x12.png 18w\" sizes=\"auto, (max-width: 2432px) 100vw, 2432px\" \/><\/figure>\n\n\n\n<p>Thus, you can change the table border color in WordPress.<\/p>\n\n\n\n<p><strong>Leggi anche: <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/it\/documenti\/come-modificare-il-bordo-di-una-singola-colonna-con-colore-e-raggio\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come modificare il bordo di una singola colonna<\/a> <\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/it\/documenti\/come-modificare-il-bordo-di-una-singola-riga\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come modificare il bordo di una singola riga<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_82f77efb-f59e-431a-93ca-cef686c57115\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusione<\/h3>\n\n\n\n<p>So, customizing the table border color is no longer difficult. Hopefully, by following this tutorial you will be able to change your table border color and add an extra touch of professionalism to your content and web design.<\/p>\n\n\n\n<p>Before leaving this post, explore this guide on <a href=\"https:\/\/tableberg.com\/it\/come-visualizzare-le-immagini-di-wordpress-in-colonne-e-righe\/\" target=\"_blank\" rel=\"noreferrer noopener\">how to add images to tables in WordPress<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Table borders refer to the lines that surround and separate the cells within a table. By default, WordPress adds a standard border color to the tables. But depending on your web design, you may want to change your table border color. But how to change it? To help you out, in this blog post we&#8217;ll [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2108,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[10,103,9],"class_list":["post-2048","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-customize-table","tag-table-border","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Table-Border-Color-in-WordPress.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/it\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/2048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=2048"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/2048\/revisions"}],"predecessor-version":[{"id":7706,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/2048\/revisions\/7706"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/2108"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=2048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=2048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=2048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}