{"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-cambiar-el-color-del-borde-de-la-tabla-en-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-change-table-border-color-in-wordpress\/","title":{"rendered":"C\u00f3mo cambiar el color del borde de la tabla en WordPress"},"content":{"rendered":"<p>Los bordes de las tablas se refieren a las l\u00edneas que rodean y separan las celdas dentro de una tabla. Por defecto, WordPress a\u00f1ade un color de borde est\u00e1ndar a las tablas. Pero dependiendo de su dise\u00f1o web, es posible que desee cambiar el color del borde de la tabla.<\/p>\n\n\n\n<p>Pero, \u00bfc\u00f3mo cambiarlo? Para ayudarte, en esta entrada del blog te mostraremos dos m\u00e9todos sencillos de c\u00f3mo cambiar el color del borde de la tabla en 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\">Cambio del color del borde del bloque de tabla por defecto<\/a><\/li>\n\n\n\n<li>M\u00e9todo 2: <a href=\"#Changing-the-Border-Color-of-the-Tableberg-Block\">Cambio del color del borde 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-Border-Color-of-the-default-Table-Block\">M\u00e9todo 1: Cambiar el color del borde del bloque de tabla por defecto<\/h2>\n\n\n\n<p>En <a href=\"https:\/\/tableberg.com\/es\/como-utilizar-el-bloque-de-tabla-de-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">bloque Tabla por defecto<\/a> le permite cambiar el color del borde circundante de la tabla. He aqu\u00ed c\u00f3mo hacerlo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 01: Seleccione la tabla y vaya a la pesta\u00f1a Estilos<\/h3>\n\n\n\n<p>Coloca el cursor en cualquier lugar de la mesa. Y luego vaya al bot\u00f3n <strong>Ficha Estilos<\/strong> del panel de opciones de la derecha.<\/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=\"Seleccione la tabla y vaya a la pesta\u00f1a 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\">Paso 02: Ir a la opci\u00f3n de borde y cambiar su color<\/h3>\n\n\n\n<p><strong>Opci\u00f3n \"Ven a la frontera<\/strong> desplaz\u00e1ndose hacia abajo por la pesta\u00f1a Estilos. <strong>Haga clic en el c\u00edrculo<\/strong> en la opci\u00f3n de borde. Podr\u00e1 establecer un color para el borde circundante de la tabla.<\/p>\n\n\n\n<p><strong>Nota:<\/strong> El bloque Tabla no permite cambiar el color del borde interior.<\/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 a la opci\u00f3n de borde y cambiar su 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\">M\u00e9todo 2: Cambiar el color del borde del bloque Tableberg<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a> es un plugin constructor de tablas basado en bloques. Con este plugin, puede cambiar el color de los bordes internos y externos de sus tablas. Aqu\u00ed tienes una gu\u00eda sobre <a href=\"https:\/\/tableberg.com\/es\/docs\/como-crear-su-primera-tabla-con-tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00f3mo crear una tabla con TableBerg<\/a>.<\/p>\n\n\n\n<p>Veamos ahora c\u00f3mo cambiar el color del borde del bloque Tableberg. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 01: Seleccione la tabla y vaya a la pesta\u00f1a Estilos<\/h3>\n\n\n\n<p>Seleccionar toda la tabla mediante <strong>haciendo clic en el icono TableBerg<\/strong> (1) en la barra de herramientas. Vaya al men\u00fa <strong>Ficha Estilos<\/strong> (2) despu\u00e9s.<\/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\">Paso 02: Buscar las opciones de borde de la tabla<\/h3>\n\n\n\n<p>Al desplazarse hacia abajo en la pesta\u00f1a, llegar a las opciones de borde de la tabla. Encontrar\u00e1 dos opciones: Borde de la tabla y Borde interior.<\/p>\n\n\n\n<p>Con la primera opci\u00f3n, puede cambiar el color del borde de la tabla. <\/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>A continuaci\u00f3n, vaya a la opci\u00f3n Borde interior. Establezca el color que desee.<\/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>As\u00ed, puede cambiar el color del borde de la tabla en WordPress.<\/p>\n\n\n\n<p><strong>Lea tambi\u00e9n: <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/es\/docs\/como-cambiar-el-borde-de-una-columna-individual-con-color-y-radio\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f3mo cambiar el borde de una columna individual<\/a> <\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/es\/docs\/como-cambiar-el-borde-de-una-fila-individual\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f3mo cambiar el borde de una fila 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\">Conclusi\u00f3n<\/h3>\n\n\n\n<p>Por lo tanto, personalizar el color del borde de la tabla ya no es dif\u00edcil. Con suerte, siguiendo este tutorial podr\u00e1s cambiar el color del borde de la tabla y a\u00f1adir un toque extra de profesionalidad a tu contenido y dise\u00f1o web.<\/p>\n\n\n\n<p>Antes de dejar este post, explore esta gu\u00eda sobre <a href=\"https:\/\/tableberg.com\/es\/como-mostrar-imagenes-en-wordpress-en-columnas-filas\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00f3mo a\u00f1adir im\u00e1genes a las tablas en 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\/es\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/2048","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=2048"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/2048\/revisions"}],"predecessor-version":[{"id":7706,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/2048\/revisions\/7706"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/2108"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=2048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=2048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=2048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}