Bande de couleur CSS

zanzibski - 6 déc. 2023 à 11:26
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 - 6 déc. 2023 à 12:50

Bonjour,

J'aimerais mettre une bande de couleur en pleine page sur mon site en CSS.

Mais tout ce que j'arrive à faire c'est coloré la page entière, ce qui n'est pas ce que je souhaite.

body {
        background-color : gray; 
        height : 10% ; 
        width : 30%;
        margin : 0;
}
        
Windows / Edge 119.0.0.0

A voir également:

1 réponse

txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 516
Modifié le 6 déc. 2023 à 12:55

Salut zanzibski,

Comment insérer un extrait de code dans CCM

1- Sélectionner un bout de code pour l'insérer dans le post
2- Cliquer sur "Code" (1)
3- Dans la fenêtre qui s'ouvre, choisir le langage du code (2)
4- Copier l'extrait de code sélectionné (3)

ce qui donne le résultat ci-dessous. Il sera bien plus lisible pour celui/celle qui te viendra en aide.

body {
        background-color : gray; 
        height : 10% ; 
        width : 30%;
        margin : 0;
}

Pour en revenir a ta question:

Background-color va te mettre une couleur dans le body, autrement dit dans le corps de ta page, le fond quoi.

Tu pourrai mettre un fond sur une ligne, plusieurs lignes, un paragraphe etc... Je ne vois pas exactement ce que tu veux obtenir.

Mais un <span> par exemple pourrait convenir </span>, une classe serait mieux encore, pour un <p class='toto'> ton texte </p> (voir ci-dessous)

.toto { /* une classe commence toujours par un point */
        height : 10% ; 
        width : 30%;
        margin : 0;
}

Ne fait pas comme moi au début, n'hésite pas a commenter entre /* et */. 

Cdlt !


0