Les partenaires publicitaires:

Comment faire un fond défilement avec css

CSS ou feuilles de style en cascade, personnalise l'apparence générale d'une page Web, si vous mettez en forme son premier plan ou arrière-plan. Bien que la couleur des pages Web de fond par défaut est blanc, vous pouvez changer la couleur de fond, utilisez une image ou faire une combinaison des deux pour donner à votre site un nouveau look. Lorsque vous utilisez un fond de défilement, l'arrière-plan se déplace lorsque vous faites défiler la page. Vous pouvez définir le fond pour faire défiler horizontalement, verticalement ou dans les deux directions.

Instructions

  1. Ouvrez un éditeur de texte, tel que Notepad, TextPad ou EditPad. Sélectionnez "Fichier" et "Nouveau" pour ouvrir un nouveau document.

  2. Ajouter un style de défilement comme suit, mais remplacer «backgroundimg.jpg" avec le nom de votre image de fond:




    body {
    margin: 0 auto
    background-image: URL ('backgroundimg.jpg') -
    background-attachment: scroll-
    background-repeat: repeat-y-
    }

  3. Réglez la valeur pour "background-repeat" à "répéter-y-" pour faire la répétition de fond verticalement. Réglez la valeur à "répéter-x" pour faire répéter horizontalement. Supprimez la ligne "background-repeat: repeat-y-" tout à fait à le faire défiler horizontalement et verticalement.

  4. Sélectionnez "Fichier" et "Enregistrer" dans le menu. Le "Enregistrer sous" boîte de dialogue apparaît. Nommez le fichier "style.css" et le joindre dans les citations de préserver l'extension du fichier CSS.

  5. Fermez le fichier CSS, puis sélectionnez "Fichier" et "Ouvrir" dans le menu. Une boîte de dialogue apparaît. Double-cliquez sur la page HTML où le CSS sera utilisé.



  6. Ajouter le texte suivant entre le tag pour appliquer le fond de défilement à la page:

  7. Sélectionnez "Fichier" et "Enregistrer" dans le menu pour enregistrer le fichier HTML.

» » » » Comment faire un fond défilement avec css