1
votes

La couleur d'arrière-plan n'apparaît pas dans le contenu <div>

La couleur d'arrière-plan n'apparaît pas, je souhaite définir les icônes des médias sociaux avec une couleur d'arrière-plan qui couvre toute la largeur de la page Web et une hauteur spécifique.

.social-media{
background-color: black;
position: absolute;
height: 10%;
}

CSS:

    <div class = "social-media">
        <div class="middle">
            <a class="btn" href="#">
                <i class="fab fa-facebook-f"></i>
            </a>
            <a class="btn" href="#">
                <i class="fab fa-instagram"></i>
            </a>
            <a class="btn" href="#">
                <i class="fab fa-linkedin-in"></i>
            </a>
            <a class="btn" href="#">
                <i class="fab fa-twitter"></i>
           </a>
        </div>
    </>

html css image

1 commentaires

ajouter de la width; aussi, il montrera la couleur. jsfiddle.net/Manju06/x36pr1jL/7

3 Réponses :

1
votes

Définir la largeur sur la classe CSS

.social-media{
    background-color: black;
    position: absolute;
    height: 10%;
    width:10%;
}

0 commentaires

1
votes

Réglez la position left:0 et right:0 .

.social-media{
background-color: black;
position: absolute;
height: 10%;
left: 0;
right: 0;
}

0 commentaires

1
votes

Vous devez également spécifier la largeur et la hauteur.

0 commentaires