Nesta dica mostrarei como podemos criar DIVs redondas, ou seja, circulares usando a propriedade border-radius do CSS. Por ser redonda, é claro que vamos querer que o conteúdo da DIV seja alinhado ao centro, tanto na horizontal quanto na vertical.
Para isso nós vamos usar as propriedades display, justify-content e align-items. Note também as definições da cor de fundo, margens e espaçamento interno do elemento HTML.
Eis o código HTML completo para o exemplo:
Este trecho de código ou resolução de exercício faz parte do Super Pack 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, Golang, Pascal, Ruby, PHP, e várias outras linguagens.
Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.
Quero Ser Apoiador(a) |
|
Link para compartilhar na Internet ou com seus amigos:
