Så här använder du två färger som bakgrund på en webbplats

Bakgrundsfärgen på en webbsida utan någon anpassning är vit. HTML webbprogrammeringsspråk gör att du kan ändra bakgrundsfärgen och lägga till en bakgrundsbild. Du kan använda en bild för att visa en bakgrund som har flera färger. Använd en befintlig bild som visar de två färgerna du vill ha, t.ex. de som finns i din företagslogotyp, eller skapa en med en grafikredigerare. Du kan skapa tvåfärgsbakgrunden för din webbsida med en repeterande tunn horisontell bild. Använd Cascading Style Sheets för att göra ändringarna hela.

1.

Öppna en HTML- eller textredigerare för att skapa det externa stilarket som håller din CSS-bakgrundsstil.

2.

Skriv en stildefinition för bakgrunden i kroppstaggen. Stildefinitioner har formen av "tag {}", så en definition för kroppstaggen skulle vara "body {}." CSS tillhandahåller olika parametrar som gör att du kan definiera din stil. Egenskapen "bakgrundsbild" gör att du kan ange en bild för din bakgrund. Inkludera en länk för bilden i "url" -parametern. Koden kan till exempel se ut så här:

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

3.

Skriv ett värde som anger att bakgrunden ska repeteras vertikalt - "repeat-y" - eller horisontellt - "repeat-x" - med egenskapen "bakgrundsrepetition". Med den här egenskapen kan du ställa in parametrar för att anpassa det sätt på vilket din bild kommer att upprepas. Kroppsstilen kommer att likna detta:

kropp {bakgrundsbild: url (bilder / 2colors.jpg); bakgrund-repeat: upprepa-y; }

4.

Spara filen med en ".css" -tillägg, till exempel pagestyles.css.

5.

Öppna en webbsida som du vill tillämpa bakgrundsstilen på. Länkar till externa dokument ställs in i "" tagguppsättningen på din webbsida. Leta reda på taggen och lägg in följande text ovanför den för att ge åtkomst till stilarket:

6.

Upprepa länkkodningen på varje sida på din webbplats som du vill använda bildbakgrunden. Testa resultatet av dina ändringar genom att ladda sidan i en webbläsare.