Circular Progress ::before
Leçon 8 sur 11 du cours Barre de progression circulaire | Projet Front-end de Coddy.
Maintenant, nous devons écrire le CSS pour :
.circular-progress::before{
/*Écrivez ci-dessous*/
}Si vous vous sentez bloqué, consultez simplement l'indice.
Défi
Facile- Définissez le contenu sur
“” - Définissez la position sur absolute
- Définissez la hauteur et la largeur sur 190 pixels.
- Définissez le rayon de bordure sur 50%.
- Définissez la couleur d'arrière-plan pour qu'elle soit similaire à celle de la classe
circular-progress.
Essayez vous-même
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>Toutes les leçons de Barre de progression circulaire | Projet Front-end
1Introduction
Qu'allez-vous créer ?4JavaScript
Faites-le fonctionner !3CSS
Sélecteur universel