Comment faire un cercle en CSS ?

Réponses rédigées par Antoine
Dernière mise à jour : 2020-03-28 17:16:12
Thèmes : webmaster - html - css
Question

Comment faire un cercle en CSS sur une page HTML ?

Réponse

Pour faire un cercle en CSS, vous devez :

  • Créer une CLASS CSS et l'affilier à une balise <div>.
  • Définir le diamètre du cercle avec les propriétés width et height.
  • Définir la bordure du cercle avec la propriété border.
  • Spécifier la couleur de fond du cercle avec la propriété background-color.
  • Modifier le radius des angles avec la propriété border-radius.

Voici un exemple pour faire un cercle en CSS :

<!DOCTYPE html> 
<html>
<head>
<title>Comment faire un cercle en CSS</title>
<style> 
	.cercle { 
		height: 100px; 
		width: 100px; 
		background-color: blue;
		border: 5px solid rgba(0, 0, 0, 1);
		border-radius: 50%; 
	} 
</style> 
</head>
<body> 
    <div class="cercle"></div> 
</body> 
</html>