Background, fond arrière plan en CSS

Administrateur · #1

Le background en CSS se définit dans la balise Body

Code:

body
{
background-color:#00FF00;
}

Pour mettre une image, vous ferez :

Code:

body
{
background-image:url(http://www.tonsite.com/image.jpg);
}

Si vous voulez que cette image soit repetée à l'infinie :

Code:

body
{
background-image:url(http://www.tonsite.com/image.jpg);
background-repeat:repeat;
}

Si vous voulez en arrière plan que l'image soit en haut à gauche :

Code:

body
{
background-image:url(http://www.tonsite.com/image.jpg);
background-repeat: no-repeat;
background-position: top left;
}

Si vous voulez que votre arrière plan se répete à l'infinie horizontalement en haut :

Code:

body
{
background-image:url(http://www.tonsite.com/image.jpg);
background-repeat:repeat-x;
background-position: top;
}

Si vous voulez que votre background se répète à l'infinie verticalement et à gauche :

Code:

body
{
background-image:url(http://www.tonsite.com/image.jpg);
background-repeat:repeat-y;
background-position: top left;
}

Guest-21 · #2

Bonjour, pour ma part, cela ne fonctionne pas. Mon site est en PHP et il ya des courriels qui sont automatiquement envoyer lorsqu'il y a achat par exemple. J'aimerais mettre mon logo en haut a gauche du courriel et voici la façon dont je m'y prends: (sans les espaces du HTTP...)

body
{
background-image:url(h t t p://www.holdealer.com/auction/themes/default/LOGOHOLDEALER8.gif);
background-repeat: no-repeat;
background-position: top left;
}

lorsque le courriel est recu, on appercoit en haut, au début du texte ceci:(sans les espaces du HTTP...)

body { background-image:url(h t t p://www.holdealer.com/auction/themes/default/LOGOHOLDEALER8.gif); background-repeat: no-repeat; background-position: top left; }

Suggestions?

Background, fond arrière plan en CSS

#1