Slik bruker du to farger som bakgrunn på et nettsted

Bakgrunnsfargen på en webside uten tilpasning er hvit. HTML Web programmeringsspråk lar deg endre bakgrunnsfargen, samt legge til et bakgrunnsbilde. Du kan bruke et bilde for å vise en bakgrunn som har flere farger. Bruk et eksisterende bilde som viser de to fargene du vil ha, for eksempel de i bedriftslogoen, eller opprett en ved hjelp av en grafikkredigerer. Du kan lage tofarget bakgrunn for websiden din ved hjelp av et gjentatt tynt horisontalt bilde. Bruk Cascading Style Sheets for å gjøre endringene hele nettstedet.

1.

Åpne en HTML eller tekstredigerer for å lage det eksterne stilarket som holder CSS-bakgrunnsstilen din.

2.

Skriv inn en stildefinisjon for bakgrunnen i kroppsmerket. Stildefinisjoner tar form av "tag {}", så en definisjon for kroppsmerket vil være "body {}." CSS gir ulike parametere som gjør at du kan definere stilen din. Egenskapen "bakgrunnsbilde" lar deg angi et bilde for bakgrunnen din. Ta med en lenke for bildet i "url" -parameteren. Koden kan for eksempel se slik ut:

kropp {bakgrunnsbilde: url (bilder / 2colors.jpg); }

3.

Skriv inn en verdi som instruerer bakgrunnen til å gjenta vertikalt - "repeat-y" - eller horisontalt - "repeat-x" - ved hjelp av egenskapen "background-repeat". Med denne egenskapen kan du angi parametere for å tilpasse måten bildet vil gjenta på. Kroppsstilen ligner dette:

kropp {bakgrunnsbilde: url (bilder / 2colors.jpg); background-repeat: repeat-y; }

4.

Lagre filen ved hjelp av en ".css" -utvidelse, for eksempel pagestyles.css.

5.

Åpne en webside som du vil bruke bakgrunnsstilen på. Lenker til eksterne dokumenter er angitt innenfor "" -settet på websiden din. Finn "" taggen og sett inn følgende tekst over den for å gi tilgang til stilarket:

6.

Gjenta linkkodingen på hver side av nettstedet ditt som du vil bruke bildebakgrunnen. Test resultatet av endringene ved å laste siden inn i en nettleser.

Populære Innlegg