Dégradé ultra léger CSS pour background / arrière plan

Jérémy · #1

Mieux vaut faire des backgrounds super légers en CSS, avec un exemple vous comprendrez très bien.
Vous voulez faire un dégradé noir qui donne vers le rouge puis reste en rouge se répétant horizontalement et collé en haut. Autrement dit l'arrière plan sera rouge avec un dégradé horizontale noire en haut plongeant en bas vers le rouge.

Créez un dégradé noir sur rouge de hauteur 60px et de largeur 1px. Enregistrez le en gif car une petite image avec peu de couleurs est plus légère encore en GIF ( le radin d'octet !!! xD )

En suite dans la feuille de style CSS faites ce code :

Code:

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

Flo · #2

Mais dis moi comment je créer l'image

Jérémy · #3

Bonsoir Flo,

tu fais le dégradé avec "Gimp" par exemple qui est libre et gratuit. Ou alors avec n'importe quel programme qui peut tracer un dégradé et exporter du jpg ou du gif.

fadia · #4

salut je veux mettre une image en arrière plan.comment?

Jérémy · #5

salut,

tu veux mettre une image en arrière plan sur une table ? div ? td ? En fond de page ?
Par exemple en fond de page :

Code:

body{background-image:url(http://www.zesite.com/images/ton_image.png);}

Guest-41 · #6

Bonjour,sa vas mercis moi aussi est toi sa vas aller byebye

Dégradé ultra léger CSS pour background / arrière plan

#1