Gerador de CSS Border Radius
Projete valores de border-radius visualmente com controles individuais por canto, predefinições e pré-visualização ao vivo.
Pré-visualização
8px8px8px8px
Predefinições
Controles
Vincular todos os cantos
Saída CSS
Ctrl+Enter executarCtrl+Shift+C copiar
Saiba mais
CSS Border Radius: cantos arredondados, círculos e formas
Crie cantos arredondados, formas pílula, círculos e formas orgânicas complexas com CSS border-radius.
Entendendo border-radius
A propriedade CSS border-radius arredonda os cantos da borda externa de um elemento. Aceita de um a quatro valores para controlar cada canto independentemente — superior esquerdo, superior direito, inferior direito e inferior esquerdo. Um único valor aplica o mesmo raio aos quatro cantos, enquanto quatro valores permitem criar formas assimétricas.
5 min de leituraLer o guia completo