Étirer l'image de fond d'un site Web avec CSS

FONTE ZOOM:

Si vous voulez créer des pages web vous-même, vous devez définir l'apparence via CSS. Vous pouvez également étirer l'image de fond.

Les pages Web sont construites en utilisant le langage HTML, le formatage et la conception est pris, mais appelés Cascading Style Sheets, CSS prochainement. Cela présente l'avantage que les styles qui apparaissent sur chaque page peuvent être définis dans un fichier externe, vous avez alors juste besoin de se référer à ne importe quel site. En outre, peut être d'environ CSS pour concevoir un site Web complètement changer très rapidement, parce que vous avez de changer un seul fichier CSS. Bien sûr, vous pouvez faire des valeurs CSS directs dans chaque fichier. Apprenez à étirer une image de fond. Cette information doit être dans la tête d'un HTML, donc vous devriez être un peu familier avec le code HTML. Vous devriez également noter que les distances ne est possible que depuis CSS3, ce ne est pas de soutien de très vieux navigateurs.

Pour étirer l'image de fond avec CSS

  1. Ouvrez un code afficher votre fichier HTML.
  2. Ajouter avant la finale "a" nouvelle ligne "corps pas de répétition;". Dans "Ihre_Bilddatei" entrer dans le chemin vers l'image. Ne oubliez pas le point-virgule après «répéter».
  3. Ajouter une nouvelle ligne, écrire "background-size: 100%;", les définitions CSS standards qui devraient fonctionner avec Firefox 4 et Opera 10.
  4. Se applique à la version Internet Explorer 9 "-ms-background-size: 100%;". Cette écriture dans une autre nouvelle ligne.
  5. Insérez ensuite pour une utilisation avec l'ancienne Firefox, Seamonkey code suivant dans une nouvelle ligne: "-moz-background-size: 100%;" ,
  6. Dans la ligne suivante, écrire: «-webkit-background-size: 100%;" Safari et Chrome / Fer.
  7. Ensuite, une autre ligne est livré avec "-background-size -o: 100%;". Opera 9
  8. Maintenant, fermez dans une autre ligne au bloc de CSS avec un doublé de terminaison "}". Et vous êtes prêt à enregistrer le fichier HTML et de test.

Les points suivants doivent être observés

  • Au lieu de 100%, vous pouvez utiliser des pourcentages différents selon votre préférence.
  • L'image est toujours étirée en largeur de cette valeur et le montant correspondant, il ne est pas possible d'étirer la largeur ou la hauteur seulement.
  • Des images de haute format qui se étendent sur toute la largeur, ainsi coupés.
  • Les images qui sont plus grandes lorsqu'il est étiré, peuvent verpixeln partiellement considérablement en fonction de la résolution bien sûr.
  • Images qui ont réellement une résolution plus élevée et sont portées par étirage dans ou à l'extérieur au niveau souhaité, bien que ne subit aucune perte de qualité, mais il faut noter que les grandes images prennent plus de temps à charger.

Une fois que vous avez étiré avec succès une image de fond avec CSS, vous réussirez encore et encore à l'avenir.

VOIR AUSSI:
  1.  
  2.  
  3.  
Sans commentaires

Laisser un commentaire

Code De Sécurité