Prévia de border-radius CSS

Cor

Esta ferramenta constrói um valor CSS border-radius a partir dos raios dos quatro cantos.

Tradução assistida por IA em revisão

Esta página foi traduzida com ajuda de IA e ainda não recebeu revisão profissional. Consulte as fontes citadas antes de usá-la em uma decisão importante.

O que é

A propriedade border-radius arredonda os cantos de um elemento. Você pode definir um raio diferente para cada canto e visualizar o resultado.

border-radius = superior-esquerdo superior-direito inferior-direito inferior-esquerdo

Como usar

  1. 1Ajuste o raio de cada canto.
  2. 2Visualize o resultado.
  3. 3Copie o valor CSS border-radius.

Referência

Prévia de border-radius CSS Referência
EntradaResultado
exemplovalor CSS border-radius

Fontes e padrões

Perguntas frequentes

Posso arredondar só um canto?

Sim. Ajuste o raio do canto que quiser e deixe os demais em 0 para arredondar apenas esse canto.

Os dados são enviados para um servidor?

Não. Esta ferramenta funciona no seu navegador e não envia os dados para nenhum servidor.

Ferramentas relacionadas