{"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-alterar-o-raio-da-borda-de-um-botao-no-tableberg","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/pt\/docs\/how-to-change-the-border-radius-of-a-button-in-tableberg\/","title":{"rendered":"Como alterar o raio da borda de um bot\u00e3o no Tableberg"},"content":{"rendered":"<p>O raio da borda dos bot\u00f5es no WordPress pode ser modificado para mudar a sensa\u00e7\u00e3o de sua interface. Mudan\u00e7as sutis, como cantos mais suaves, podem fazer com que as a\u00e7\u00f5es pare\u00e7am mais acess\u00edveis, enquanto bordas mais n\u00edtidas criam uma apar\u00eancia mais limpa e estruturada. Esse pequeno ajuste geralmente proporciona maior equil\u00edbrio visual e melhora a apar\u00eancia dos bot\u00f5es em diferentes dispositivos.<\/p>\n\n\n\n<p>Este guia mostra onde encontrar a op\u00e7\u00e3o de raio da borda e como aplic\u00e1-la aos bot\u00f5es dentro da sua tabela. Siga as etapas abaixo para come\u00e7ar.<\/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>Etapa 1: Clique no bot\u00e3o dentro da tabela<\/strong><\/h2>\n\n\n\n<p>Localize o bot\u00e3o que voc\u00ea j\u00e1 adicionou dentro de uma c\u00e9lula da tabela. Clique diretamente nele para selecionar o bot\u00e3o <strong>Bloco de bot\u00f5es<\/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=\"Clique no bot\u00e3o dentro da tabela\" 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>Etapa 2: Abra o painel de configura\u00e7\u00f5es de bloqueio<\/strong><\/h2>\n\n\n\n<p>Com o bot\u00e3o selecionado, v\u00e1 para a se\u00e7\u00e3o <strong>barra lateral direita<\/strong> e mudar para o <strong>Estilos<\/strong> para acessar as op\u00e7\u00f5es de personaliza\u00e7\u00e3o.<\/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=\"Abra o painel de configura\u00e7\u00f5es do bloco\" 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>Etapa 3: Role at\u00e9 a op\u00e7\u00e3o Border Radius (Raio da borda)<\/strong><\/h2>\n\n\n\n<p>Dentro das configura\u00e7\u00f5es do bloco, role para baixo at\u00e9 encontrar a op\u00e7\u00e3o <strong>Fronteira<\/strong> se\u00e7\u00e3o.&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=\"Role at\u00e9 a op\u00e7\u00e3o Raio da borda\" 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>Etapa 4: Ajuste o raio da borda<\/strong><\/h2>\n\n\n\n<p>Clique no bot\u00e3o <strong>+ \u00edcone<\/strong> ao lado do r\u00f3tulo da borda, selecione <strong>Raio<\/strong>e use o campo de entrada ou o controle deslizante para alterar a curvatura dos cantos do bot\u00e3o.&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 o raio da borda\" class=\"wp-image-9122\" style=\"border-width:1px;border-radius:2px\"\/><\/figure>\n\n\n\n<p>Uma vez definido, o novo raio da borda aparecer\u00e1 imediatamente no bot\u00e3o. E assim, o formato do seu bot\u00e3o est\u00e1 pronto para corresponder ao estilo que voc\u00ea deseja.<\/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>Conclus\u00e3o<\/strong> <\/p>\n\n\n\n<p>Isso \u00e9 tudo o que \u00e9 necess\u00e1rio para alterar o formato de seus bot\u00f5es no Tableberg. N\u00e3o importa se voc\u00ea deseja cantos agudos ou uma apar\u00eancia totalmente arredondada, a configura\u00e7\u00e3o do raio da borda oferece controle r\u00e1pido sem escrever uma \u00fanica linha de c\u00f3digo. Experimente alguns valores e veja o que melhor se adapta \u00e0 vibra\u00e7\u00e3o de sua tabela.<\/p>\n\n\n\n<p><a href=\"https:\/\/tableberg.com\/pt\/documentos\/como-alterar-a-cor-do-botao-no-tableberg\/\">Como alterar a cor do bot\u00e3o no 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\/pt\/author\/marufmoinul27\/"},"doc_category_info":[{"term_name":"Styling &amp; Customization","term_url":"https:\/\/tableberg.com\/pt\/docs-category\/styling-customization\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/9118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=9118"}],"version-history":[{"count":10,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/9118\/revisions"}],"predecessor-version":[{"id":9243,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/9118\/revisions\/9243"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=9118"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/doc_category?post=9118"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/doc_tag?post=9118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}