{"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":"como-alterar-a-cor-da-borda-da-tabela-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-change-table-border-color-in-wordpress\/","title":{"rendered":"Como alterar a cor da borda da tabela no WordPress"},"content":{"rendered":"<p>As bordas da tabela referem-se \u00e0s linhas que cercam e separam as c\u00e9lulas em uma tabela. Por padr\u00e3o, o WordPress adiciona uma cor de borda padr\u00e3o \u00e0s tabelas. Mas, dependendo do seu design da Web, talvez voc\u00ea queira alterar a cor da borda da tabela.<\/p>\n\n\n\n<p>Mas como alter\u00e1-la? Para ajud\u00e1-lo, nesta postagem do blog mostraremos dois m\u00e9todos f\u00e1ceis de como alterar a cor da borda da tabela no WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>M\u00e9todo 1: <a href=\"#Changing-the-Border-Color-of-the-default-Table-Block\">Altera\u00e7\u00e3o da cor da borda do bloco de tabela padr\u00e3o<\/a><\/li>\n\n\n\n<li>M\u00e9todo 2: <a href=\"#Changing-the-Border-Color-of-the-Tableberg-Block\">Altera\u00e7\u00e3o da cor da borda 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-Border-Color-of-the-default-Table-Block\">M\u00e9todo 1: Alterar a cor da borda do bloco de tabela padr\u00e3o<\/h2>\n\n\n\n<p>O <a href=\"https:\/\/tableberg.com\/pt\/como-usar-o-bloco-de-tabela-do-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bloco de tabela padr\u00e3o<\/a> permite que voc\u00ea altere a cor da borda circundante da tabela. Veja como fazer isso.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 01: Selecione a tabela e v\u00e1 para a guia Styles (Estilos)<\/h3>\n\n\n\n<p>Coloque o cursor em qualquer lugar da mesa. Em seguida, v\u00e1 para a se\u00e7\u00e3o <strong>Guia Estilos<\/strong> no painel de op\u00e7\u00f5es do lado direito.<\/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=\"Selecione a tabela e v\u00e1 para a guia Styles (Estilos)\" 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\">Etapa 02: V\u00e1 at\u00e9 a op\u00e7\u00e3o Border (Borda) e altere sua cor<\/h3>\n\n\n\n<p><strong>Op\u00e7\u00e3o \"Come to the Border<\/strong> rolando para baixo a guia Styles (Estilos). <strong>Clique no c\u00edrculo<\/strong> na op\u00e7\u00e3o de borda. Voc\u00ea poder\u00e1 definir uma cor para a borda ao redor da tabela.<\/p>\n\n\n\n<p><strong>Observa\u00e7\u00e3o:<\/strong> O bloco Table n\u00e3o permite que voc\u00ea altere a cor da borda interna.<\/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=\"Ir para a op\u00e7\u00e3o de borda e alterar sua cor\" 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\">M\u00e9todo 2: Alterar a cor da borda do bloco Tableberg<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a> \u00e9 um plug-in de cria\u00e7\u00e3o de tabelas baseado em blocos. Com esse plug-in, voc\u00ea pode alterar a cor das bordas internas e externas de suas tabelas. Aqui est\u00e1 um guia sobre <a href=\"https:\/\/tableberg.com\/pt\/documentos\/como-criar-sua-primeira-tabela-com-o-tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como criar uma tabela com o TableBerg<\/a>.<\/p>\n\n\n\n<p>Agora, vamos ver como alterar a cor da borda do bloco Tableberg. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 01: Selecione a tabela e v\u00e1 para a guia Styles (Estilos)<\/h3>\n\n\n\n<p>Selecione a tabela inteira por <strong>clicando no \u00edcone do TableBerg<\/strong> (1) na barra de ferramentas. V\u00e1 para a se\u00e7\u00e3o <strong>Guia Estilos<\/strong> (2) depois disso.<\/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\">Etapa 02: Localizar as op\u00e7\u00f5es de borda da tabela<\/h3>\n\n\n\n<p>Ao rolar a guia para baixo, chegue \u00e0s op\u00e7\u00f5es de borda da tabela. Voc\u00ea encontrar\u00e1 duas op\u00e7\u00f5es: Table Border (Borda da tabela) e Inner Border (Borda interna).<\/p>\n\n\n\n<p>Com a primeira op\u00e7\u00e3o, voc\u00ea pode alterar a cor da borda da tabela. <\/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>Em seguida, v\u00e1 para a op\u00e7\u00e3o Inner Border (Borda interna). Defina a cor que voc\u00ea deseja.<\/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>Assim, voc\u00ea pode alterar a cor da borda da tabela no WordPress.<\/p>\n\n\n\n<p><strong>Leia tamb\u00e9m: <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/pt\/documentos\/como-alterar-a-borda-de-uma-coluna-individual-com-cor-e-raio\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como alterar a borda de uma coluna individual<\/a> <\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/pt\/documentos\/como-alterar-a-borda-de-uma-linha-individual\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como alterar a borda de uma linha individual<\/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\">Conclus\u00e3o<\/h3>\n\n\n\n<p>Portanto, personalizar a cor da borda da tabela n\u00e3o \u00e9 mais dif\u00edcil. Esperamos que, ao seguir este tutorial, voc\u00ea consiga alterar a cor da borda da tabela e adicionar um toque extra de profissionalismo ao seu conte\u00fado e ao design da Web.<\/p>\n\n\n\n<p>Antes de sair desta postagem, explore este guia sobre <a href=\"https:\/\/tableberg.com\/pt\/como-exibir-imagens-do-wordpress-em-linhas-de-colunas\/\" target=\"_blank\" rel=\"noreferrer noopener\">como adicionar imagens a tabelas no 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\/pt\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/2048","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=2048"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/2048\/revisions"}],"predecessor-version":[{"id":7706,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/2048\/revisions\/7706"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/2108"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=2048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=2048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=2048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}