Sådan bruges to farver som baggrund på et websted
Baggrundsfarven på en webside uden nogen tilpasning er hvid. HTML Web programmeringssprog giver dig mulighed for at ændre baggrundsfarven samt tilføje et baggrundsbillede. Du kan bruge et billede til at vise en baggrund, der indeholder flere farver. Brug et eksisterende billede, der viser de to farver, du vil have, såsom dem i din virksomhedslogo, eller opret en ved hjælp af en grafikeditor. Du kan oprette tofarvet baggrund til din webside ved hjælp af et gentagende tyndt vandret billede. Brug Cascading Style Sheets til at foretage ændringer hele siden.
1.
Åbn en HTML eller tekst editor for at oprette det eksterne stilark, der vil holde din CSS-baggrundsstil.
2.
Skriv en stildefinition for baggrunden i kropstagget. Style definitioner har form af "tag {}", så en definition for kroppens tag ville være "body {}." CSS giver forskellige parametre, der gør det muligt at definere din stil. Egenskaben "baggrundsbillede" giver dig mulighed for at angive et billede til din baggrund. Medtag et link til billedet i "url" parameteren. For eksempel kan koden se sådan ud:
krop {baggrundsbillede: url (billeder / 2colors.jpg); }
3.
Skriv en værdi, der instruerer baggrunden til at gentage vertikalt - "repeat-y" - eller vandret - "repeat-x" - ved hjælp af egenskaben "baggrundsreagende". Denne egenskab giver dig mulighed for at indstille parametre for at tilpasse den måde, hvorpå dit billede gentages. Kropsstilen ligner dette:
krop {baggrundsbillede: url (billeder / 2colors.jpg); background-repeat: repeat-y; }
4.
Gem filen ved hjælp af en ".css" -udvidelse, f.eks. Pagestyles.css.
5.
Åbn en webside, som du vil anvende baggrundsstilen på. Links til eksterne dokumenter er indstillet inden for "" tagsætet på din webside. Find "" taggen og indsæt følgende tekst over det for at give adgang til stilarket:
6.
Gentag linkkodningen på hver side på dit websted, som du vil bruge billedbakgrunden til. Test resultatet af dine ændringer ved at indlæse siden i en webbrowser.