{"id":9118,"date":"2025-05-19T12:50:28","date_gmt":"2025-05-19T12:50:28","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=9118"},"modified":"2025-05-19T12:50:28","modified_gmt":"2025-05-19T12:50:28","password":"","slug":"como-cambiar-el-radio-del-borde-de-un-boton-en-tableberg","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/es\/docs\/how-to-change-the-border-radius-of-a-button-in-tableberg\/","title":{"rendered":"C\u00f3mo cambiar el radio del borde de un bot\u00f3n en Tableberg"},"content":{"rendered":"<p>El radio del borde de los botones de WordPress puede modificarse para cambiar la sensaci\u00f3n que transmite la interfaz. Cambios sutiles como esquinas m\u00e1s suaves pueden hacer que las acciones parezcan m\u00e1s accesibles, mientras que los bordes m\u00e1s afilados crean un aspecto m\u00e1s limpio y estructurado. Este peque\u00f1o ajuste suele aportar un mayor equilibrio visual y mejora la apariencia de los botones en distintos dispositivos.<\/p>\n\n\n\n<p>Esta gu\u00eda le muestra d\u00f3nde encontrar la opci\u00f3n de radio de borde y c\u00f3mo aplicarlo a los botones dentro de su tabla. Siga los pasos que se indican a continuaci\u00f3n para empezar.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_7f81795d-5038-4871-8df0-76d8af1e1d6d\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 3px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"step-1-click-the-button-inside-the-table\"><strong>Paso 1: Pulse el bot\u00f3n dentro de la tabla<\/strong><\/h2>\n\n\n\n<p>Localice el bot\u00f3n que ya ha a\u00f1adido dentro de una celda de la tabla. Haga clic directamente sobre \u00e9l para seleccionar el bot\u00f3n <strong>Bloque de botones<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"374\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1024x374.png\" alt=\"Pulse el bot\u00f3n dentro de la tabla\" class=\"wp-image-9119\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1024x374.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-300x110.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-768x281.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1536x561.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1.png 1721w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_7ec3d407-8b78-4d31-abbb-b63dcb816efb\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 3px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"step-2-open-the-block-settings-panel\"><strong>Paso 2: Abrir el panel de configuraci\u00f3n de bloques<\/strong><\/h2>\n\n\n\n<p>Con el bot\u00f3n seleccionado, vaya a <strong>barra lateral derecha<\/strong> y cambiar a la <strong>Estilos<\/strong> para acceder a las opciones de personalizaci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"421\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-1024x421.png\" alt=\"Abrir el panel de configuraci\u00f3n de bloques\" class=\"wp-image-9120\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-1024x421.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-300x123.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-768x316.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-1536x631.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5.png 1626w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_5ca4523d-a623-440b-a05c-a59fe292b983\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 3px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"step-3-scroll-to-the-border-radius-option\"><strong>Paso 3: Despl\u00e1cese hasta la opci\u00f3n Radio del borde<\/strong><\/h2>\n\n\n\n<p>Dentro de la configuraci\u00f3n del bloque, despl\u00e1cese hacia abajo hasta encontrar la opci\u00f3n <strong>Frontera<\/strong> secci\u00f3n.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-1024x478.png\" alt=\"Despl\u00e1cese hasta la opci\u00f3n Radio del borde\" class=\"wp-image-9121\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-1024x478.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-300x140.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-768x359.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-1536x717.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3.png 1795w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_74d77cd0-ce7b-4c9b-860b-565c8bedba0f\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 3px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"step-4-adjust-the-border-radius\"><strong>Paso 4: Ajuste el radio del borde<\/strong><\/h2>\n\n\n\n<p>Haga clic en el bot\u00f3n <strong>+ icono<\/strong> junto a la etiqueta del borde, seleccione <strong>Radio<\/strong>y utilice el campo de entrada o el control deslizante para cambiar la curvatura de las esquinas del bot\u00f3n.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1406\" height=\"656\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/4-new.gif\" alt=\"Ajustar el radio del borde\" class=\"wp-image-9122\" style=\"border-width:1px;border-radius:2px\"\/><\/figure>\n\n\n\n<p>Una vez que lo hayas configurado, el nuevo radio del borde aparecer\u00e1 inmediatamente en el bot\u00f3n. Y as\u00ed de f\u00e1cil, la forma de tu bot\u00f3n estar\u00e1 lista para adaptarse al estilo que buscas.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_e58cb678-10b9-465b-82ae-883f5615d155\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 3px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<p><strong>Conclusi\u00f3n<\/strong> <\/p>\n\n\n\n<p>Eso es todo lo que necesitas para cambiar la forma de tus botones en Tableberg. Tanto si quieres esquinas afiladas como un aspecto totalmente redondeado, el ajuste del radio del borde te ofrece un control r\u00e1pido sin escribir una sola l\u00ednea de c\u00f3digo. Prueba varios valores y descubre cu\u00e1l se adapta mejor al estilo de tu mesa.<\/p>\n\n\n\n<p><a href=\"https:\/\/tableberg.com\/es\/docs\/como-cambiar-el-color-de-los-botones-en-tableberg\/\">C\u00f3mo cambiar el color de los botones en Tableberg<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>The border radius of buttons in WordPress can be modified to shift how your interface feels. Subtle changes like softer corners can make actions feel more approachable, while sharper edges create a cleaner and more structured look. This small tweak often brings better visual balance and improves how buttons appear across different devices. This guide [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[127],"doc_tag":[],"class_list":["post-9118","docs","type-docs","status-publish","hentry","doc_category-styling-customization"],"year_month":"2026-04","word_count":281,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Moinul Islam","author_nicename":"marufmoinul27","author_url":"https:\/\/tableberg.com\/es\/author\/marufmoinul27\/"},"doc_category_info":[{"term_name":"Styling &amp; Customization","term_url":"https:\/\/tableberg.com\/es\/docs-category\/styling-customization\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/9118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=9118"}],"version-history":[{"count":10,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/9118\/revisions"}],"predecessor-version":[{"id":9243,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/9118\/revisions\/9243"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=9118"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_category?post=9118"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_tag?post=9118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}