No Bootstrap 5, uma das classes utilizadas para arredondar o...
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Alternativa correta: D - rounded-circle
No desenvolvimento de interfaces web, é comum a necessidade de estilizar elementos para torná-los visualmente atraentes e alinhados ao design do projeto. O Bootstrap 5, que é uma biblioteca de componentes de CSS, JavaScript e HTML, oferece uma série de classes de utilidade que facilitam essa estilização. Uma dessas utilidades é a personalização dos cantos dos elementos, como as imagens.
Para arredondar os cantos de uma imagem e transformá-la em um círculo perfeito, o Bootstrap 5 fornece a classe rounded-circle. Ao aplicar essa classe a uma tag de imagem HTML, todos os cantos da imagem são arredondados de maneira igual, criando a ilusão de um círculo, contanto que a imagem tenha proporções iguais (ou seja, a largura e a altura sejam as mesmas).
Essa classe é útil para criar avatares ou destacar certos elementos gráficos que necessitam de um formato circular. O uso é simples: basta adicionar rounded-circle
na tag da imagem. Aqui está um exemplo de como usar a classe em uma imagem:
<img src="caminho_para_imagem.jpg" class="rounded-circle" alt="Imagem redonda">
As outras alternativas não correspondem às classes corretas fornecidas pelo Bootstrap 5:
- A - radius-corner: Não é uma classe do Bootstrap 5.
- B - d-radius: Não existe essa classe; parece uma mistura de duas propriedades distintas.
- C - rounded-radius: Também não é uma classe válida no Bootstrap 5.
- E - rounded-square: Esta classe não existe no Bootstrap 5. Apesar de "rounded" ser parte de várias classes para arredondamento, "rounded-square" não é uma delas.
Portanto, para a questão sobre arredondar os cantos de uma imagem no Bootstrap 5, a classe correta é rounded-circle, que proporciona um aspecto circular à imagem.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
Resposta: D
A rounded-circle classe molda a imagem em um círculo:
Exemplo
<img src="cinqueterre.jpg" class="rounded-circle" alt="Cinque Terre">
https://www.w3schools.com/bootstrap5/bootstrap_images.php
Um pouco de inglês já mata a questão.
class="rounded-circle"
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo