Een achtergrondafbeelding op een website plaatsen is een kwestie van vijf minuten. Er wordt veel meer tijd besteed aan het voorbereiden van de afbeelding - selecteren, aanpassen, effecten toevoegen, meerdere illustraties samenstellen in één grafisch bestand.
instructies:
Stap 1
Het background attribuut is verantwoordelijk voor het beheer van de background. Om de pagina gelijkmatig met één kleur te vullen, gebruikt u de stijltag in body:. De achtergrond zal zwart zijn. Als je CSS gebruikt, zet dan in je hoofd: body {background-color: # 000000;}
Stap 2
Met behulp van een link wordt een herhalend beeld ingesteld. Het adres wordt opgegeven als een externe of interne link. Bij deze methode is het belangrijk dat de naden tussen de afbeeldingen onzichtbaar blijven, anders ziet de pagina er slordig uit. Gebruik in CSS: body {background-color: # 000000; background-image: url (images / pattern.png);}.
Stap 3
De herhaling van het patroon kan worden gecontroleerd. Achtergrond-herhaling is verantwoordelijk voor deze functie samen met de volgende elementen: - herhaling-x - horizontale herhaling; - herhaling-y - verticale herhaling: - herhaling - herhaling in beide richtingen; - geen herhaling - zonder herhaling. dit: body {achtergrondkleur: # 000000; achtergrondafbeelding: url ("butterfly.gif"); achtergrondherhaling: geen herhaling; }
Stap 4
De achtergrondpositie helpt om de afbeelding in het gewenste deel van de webpagina te positioneren. Coördinaten kunnen worden ingesteld met behulp van percentage (50% 75%), centimeters (5 cm 5 cm), pixelaspect (200px 400px), woordvorm (links, rechts, boven, midden, onder). Bijvoorbeeld: body {achtergrondkleur: # 000000; achtergrondafbeelding: url ("butterfly.gif"); achtergrondherhaling: geen herhaling; achtergrond-bijlage: vast; achtergrondpositie: linksonder; } De waarde 0% 0% is gelijk aan linksboven.
Stap 5
De eigenschap background-attachment geeft aan of de afbeeldingen met de pagina worden gescrolld (background-attachment: scroll) of niet (background-attachment: fixed).
