No Bootstrap 5, uma das classes utilizadas para arredondar o...

Próximas questões
Com base no mesmo assunto
Q2098324 Programação
No Bootstrap 5, uma das classes utilizadas para arredondar os cantos de uma imagem é a classe
Alternativas

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