{"id":24283,"date":"2026-11-13T13:53:38","date_gmt":"2026-11-13T13:53:38","guid":{"rendered":"https:\/\/wptablebuilder.com\/docs\/table-border-radius\/"},"modified":"2026-11-13T13:53:38","modified_gmt":"2026-11-13T13:53:38","password":"","slug":"table-border-radius","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/es\/docs\/table-border-radius\/","title":{"rendered":"C\u00f3mo redondear las esquinas de una tabla (radio del borde) en WP Table Builder"},"content":{"rendered":"<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d5c0682e wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:0px;border-top-right-radius:6px;border-bottom-left-radius:0px;border-bottom-right-radius:6px;border-left-color:#2563eb;border-left-width:3px;background-color:#f4f7fb;margin-bottom:14px;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#2563eb;margin-top:0;margin-bottom:10px;font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Respuesta r\u00e1pida<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:14px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.106), 15px);line-height:1.65\">Abre la tabla en el constructor, ve a <strong>Settings<\/strong> (pesta\u00f1a), despliega <strong>Border<\/strong> y define <strong>Table Border Radius<\/strong> en p\u00edxeles, por ejemplo 12. Haz clic en <strong>Save<\/strong>. La tabla tendr\u00e1 esquinas redondeadas. Usa el icono de enlace junto al ajuste para dar un radio distinto a cada esquina. Table Border Radius es gratuito. Las esquinas redondeadas en celdas concretas (Cell Border Radius) requieren WP Table Builder Pro.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Las esquinas redondeadas hacen que una tabla se vea m\u00e1s suave y moderna, y combinan con muchos temas y dise\u00f1os de tarjetas actuales de WordPress.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_7eff4c3d-3aab-4ea3-9230-ef785fa1c474\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Requisitos<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Concepto<\/th><th>Detalles<\/th><\/tr><\/thead><tbody><tr><td><strong>Plan<\/strong><\/td><td>Gratis (Table Border Radius) y Pro (Cell Border Radius)<\/td><\/tr><tr><td><strong>Versi\u00f3n del plugin<\/strong><\/td><td>WP Table Builder 2.2.0 o posterior<\/td><\/tr><tr><td><strong>Tiempo necesario<\/strong><\/td><td>Menos de 1 minuto<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_078a905e-3635-437d-adf3-984d75534fea\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Paso 1: Define el radio del borde de la tabla<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ve a <strong>WP Table Builder &gt; All Tables<\/strong> y haz clic en <strong>Edit<\/strong> debajo de tu tabla.<\/li>\n\n\n\n<li>Haz clic en <strong>Settings<\/strong> (pesta\u00f1a) y despliega <strong>Border<\/strong>.<\/li>\n\n\n\n<li>Escribe un valor en <strong>Table Border Radius<\/strong>, o arrastra el control deslizante. Los valores entre 8 y 16 px funcionan bien en la mayor\u00eda de los dise\u00f1os.<\/li>\n\n\n\n<li>Haz clic en <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"722\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-border-settings-radius.jpg\" alt=\"Secci\u00f3n Border de WP Table Builder con Table Border Radius en 12px y la tabla con esquinas redondeadas\" class=\"wp-image-24277\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-border-settings-radius.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-border-settings-radius-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-border-settings-radius-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-border-settings-radius-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-border-settings-radius-18x9.jpg 18w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_1a76831c-485b-423f-a78d-06eed25a2d0d\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Paso 2 (opcional): Define esquinas distintas<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Haz clic en el icono de enlace junto a <strong>Table Border Radius<\/strong> para desvincular las esquinas y luego define por separado el radio superior izquierdo, superior derecho, inferior derecho e inferior izquierdo. Por ejemplo, redondea solo las esquinas superiores cuando la tabla est\u00e1 justo encima de otro elemento.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_13da4dbd-2c3f-44b2-b1b6-259eb559a5fc\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Redondear celdas concretas (Pro)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En WP Table Builder Pro, la secci\u00f3n <strong>Border<\/strong> tambi\u00e9n incluye <strong>Cell Border Radius<\/strong>, que redondea las esquinas de todas las celdas. Funciona mejor junto con la secci\u00f3n <strong>Separate Rows\/Columns<\/strong> en <strong>General<\/strong> , que a\u00f1ade espacio entre las celdas para que cada una parezca una tarjeta. Consulta <a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/espaciado\/\">C\u00f3mo a\u00f1adir espaciado (PRO)<\/a>.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_96192dfe-c497-4ab0-9086-00c33a0d72eb\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Ajustes de borde relacionados<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Ajuste<\/th><th>Qu\u00e9 hace<\/th><\/tr><\/thead><tbody><tr><td><strong>Table Border<\/strong><\/td><td>Ancho y color del borde exterior<\/td><\/tr><tr><td><strong>Enable Inner Border<\/strong> \/ <strong>Inner Border<\/strong><\/td><td>L\u00edneas entre celdas<\/td><\/tr><tr><td><strong>Header Inner Border<\/strong><\/td><td>L\u00edneas dentro de la fila de encabezado<\/td><\/tr><tr><td><strong>Column Only Border<\/strong> \/ <strong>Row Only Border<\/strong><\/td><td>Mostrar solo las l\u00edneas interiores verticales o solo las horizontales (Pro)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Consulta <a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/agregar-bordes-a-una-tabla-en-wordpress\/\">C\u00f3mo a\u00f1adir bordes a una tabla<\/a> y <a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/eliminar-los-bordes-de-la-tabla-en-wordpress\/\">C\u00f3mo quitar los bordes de una tabla<\/a> para ver las gu\u00edas completas sobre bordes.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_baab0f83-54c6-4ad9-882d-c7da63dff03e\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Preguntas frecuentes<\/h2>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\" style=\"color: #000000; \"><strong>\u00bfC\u00f3mo hago esquinas redondeadas en una tabla de WordPress?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"true\" class=\"wp-block-ub-content-toggle-accordion-content-wrap\" id=\"ub-content-toggle-panel-0-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\">\n\n<p class=\"wp-block-paragraph\">En WP Table Builder, abre la pesta\u00f1a Settings de la tabla, despliega Border y define Table Border Radius, por ejemplo en 12px. Haz clic en Save.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-1-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\" style=\"color: #000000; \"><strong>\u00bfLa opci\u00f3n de radio del borde es gratuita?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-1-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\">\n\n<p class=\"wp-block-paragraph\">S\u00ed. Table Border Radius es gratuito. Cell Border Radius, que redondea todas las celdas, es una funci\u00f3n Pro.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-2-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\" style=\"color: #000000; \"><strong>Mis esquinas redondeadas muestran un fondo cuadrado detr\u00e1s. \u00bfC\u00f3mo lo soluciono?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-2-cd5f9a1d-5c0f-4b48-bd48-a3c0cd39c2bb\">\n\n<p class=\"wp-block-paragraph\">Comprueba que las celdas y la fila de encabezado no tengan un color de fondo que sobresalga del borde de la tabla y que tu tema no a\u00f1ada su propio borde a la tabla. Activar Disable theme styles en los ajustes de WP Table Builder puede ayudar.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_2d733f73-0f6d-45e8-9052-efaf189ce0fb\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Documentos relacionados<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/agregar-bordes-a-una-tabla-en-wordpress\/\">C\u00f3mo a\u00f1adir bordes a una tabla<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/eliminar-los-bordes-de-la-tabla-en-wordpress\/\">C\u00f3mo quitar los bordes de una tabla<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/espaciado\/\">C\u00f3mo a\u00f1adir espaciado (PRO)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/como-cambiar-el-color-del-fondo-de-la-cabecera\/\">C\u00f3mo cambiar el color de fondo del encabezado<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Give your table rounded corners with Table Border Radius.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[98],"doc_tag":[],"class_list":["post-24283","docs","type-docs","status-publish","hentry","doc_category-styling-design"],"year_month":"2026-11","word_count":420,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/es\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Styling &amp; Design","term_url":"https:\/\/wptablebuilder.com\/es\/docs-category\/styling-design\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/24283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/comments?post=24283"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/24283\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/media?parent=24283"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_category?post=24283"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_tag?post=24283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}