Como definir bordas em elementos HTML com CSS: estilo, largura, cor e arredondamento
A propriedade border adiciona uma linha ao redor de um elemento. Ela é composta por três partes: largura, estilo e cor.
Carregando...O estilo é a parte obrigatória. Sem ele, a borda não aparece mesmo que você defina largura e cor.
Carregando...Define a espessura da linha. Pode ser em pixels ou palavras-chave.
Carregando...Carregando...Você pode definir bordas diferentes para cada lado do elemento.
Carregando...A propriedade border-radius arredonda os cantos do elemento.
Carregando...border-radius: 50% só forma um círculo perfeito quando o elemento tem largura e altura iguais.
As três partes principais podem ser escritas juntas na propriedade border.
Carregando...A ordem é: largura estilo cor. As três podem ser combinadas ou usadas separadamente dependendo do que você precisa.