Balise body

Leçon 6 sur 10 du cours Animation d'éclipse solaire | Projet HTML/CSS de Coddy.

Défi

Facile

Dans le fichier CSS, ciblez la balise body :

Définissez display sur flex, align-items et justify-content sur center.
Définissez height sur 600px.
Définissez background-image sur linear-gradient(30deg, #182C51, #09101e).
Définissez overflow sur hidden.

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 Animation d'éclipse solaire | Projet HTML/CSS

1HTML

Qu'allez-vous créer ?Configuration du code Le conteneur Lune

2CSS

Balise universelle

Balise html

Balise body Leçon de projet

Classe moon

Pseudo-élément de la classe moon

Animation eclipse

Responsivité

Entraînez-vous par vous-même : Playground Web