Cantos Arredondados
Entre para ter acesso à essa aula
Aprenda a criar cantos arredondados com nossa aula de CSS Básico do Jornada do Dev! Descubra como suavizar as bordas pontiagudas e adicionar curvas estilosas aos elementos da sua página web.
Neste vídeo, abordaremos tópicos essenciais como:
- Introdução ao Border Radius: Saiba como utilizar a propriedade `border-radius` para criar cantos arredondados e dar um toque mais suave e moderno às suas caixas e divs.
- Personalização de Curvatura: Aprenda a ajustar o tamanho da curvatura para obter o efeito desejado, desde curvinhas sutis com poucos pixels até uma borda totalmente arredondada que transforma um quadro em círculo.
- Arredondamento Individual: Descubra como arredondar cantos individuais de uma caixa, aplicando diferentes valores de `border-radius` em cada canto para criar formas únicas e atraentes.
- Combinação com Borda Sólida: Veja como adicionar uma borda sólida aos elementos com cantos arredondados e como a borda se adapta conforme o raio de curvatura escolhido, permitindo ainda mais possibilidades de design.
#CSS #WebDesign #DesenvolvimentoWeb #FrontEnd #BorderRadius #Estilização
Neste vídeo, abordaremos tópicos essenciais como:
- Introdução ao Border Radius: Saiba como utilizar a propriedade `border-radius` para criar cantos arredondados e dar um toque mais suave e moderno às suas caixas e divs.
- Personalização de Curvatura: Aprenda a ajustar o tamanho da curvatura para obter o efeito desejado, desde curvinhas sutis com poucos pixels até uma borda totalmente arredondada que transforma um quadro em círculo.
- Arredondamento Individual: Descubra como arredondar cantos individuais de uma caixa, aplicando diferentes valores de `border-radius` em cada canto para criar formas únicas e atraentes.
- Combinação com Borda Sólida: Veja como adicionar uma borda sólida aos elementos com cantos arredondados e como a borda se adapta conforme o raio de curvatura escolhido, permitindo ainda mais possibilidades de design.
#CSS #WebDesign #DesenvolvimentoWeb #FrontEnd #BorderRadius #Estilização
1 - Introdução
2 - Aparência
26:06
12:45
3 - Box Model (espaçamento)
4 - Estilização de texto
5 - Posicionamento
6 - Estilizando componentes do HTML
7 - Conclusão
Certificado