Justera bakgrundsfärgen i html

2. Lägg till taggar ditt dokument. All stildata för din sida (inklusive bakgrundsfärgen) ska kodas i dessa taggar. Har du taggar redan indikerade, så kan du bara rulla till den delen av filen.

3. Skriv det "kropp"-element inom taggar. Allt du ändrar på det "kropp"-element i CSS, kommer att påverka hela sidan.

4. Lägg till "bakgrundsfärg"-attribut till "kropp"-element. I detta sammanhang endast en stavning av "Färg" fungera (alltså inte: färg).

5. Placera önskad bakgrundsfärg bakom "bakgrundsfärg". Du kan nu ange namnet på en färg (grön, blå, röd, etc.), använd hexadecimala (hex) koder (t.ex. #000000 för svart, #ff0000 för rött osv.) eller genom att skriva in RGB-värdet för färgen (t.ex rgb(255,255,0) för gul). Nedan är ett exempel med hexadeximala koder, vilket gör bakgrunden till samma som bannern:

6. Användande "bakgrundsfärg" för att applicera bakgrundsfärger på andra element. Precis som du ställer in body-elementet kan du använda bakgrundsfärg för att ställa in bakgrunden för andra element. Placera bara dessa element inuti med egenskapen bakgrundsfärg.

1. Öppna HTML-filen i en textredigerare. Många föredrar att använda en bild som bakgrund för sin webbplats. Det låter dig ställa in ett mönster, textur, foto eller någon annan bild som bakgrundsbild. Från HTML5 måste alla bakgrunder ställas in med CSS (Cascading Style Sheets) inom taggar.

2. Lägg till taggar din HTML-fil. All stilinformation för din sida (inklusive bakgrundsfärgen) bör anges i dessa taggar. Har du redan ställ in taggar och rulla sedan till den delen av filen.

3. Skriv det "kropp"-element inom taggar. Allt du ändrar på det "kropp"-element i CSS kommer att påverka hela sidan.

4. Lägg till egenskapen "bakgrundsbild" redo för det "kropp"-element. När du lägger till den här egenskapen behöver du filnamnet på din bild. Se till att bilden är lagrad i samma mapp som html-filen (eller lägg till hela sökvägen till filen till din webbserver).

5. Lägg flera bilder i lager. Du kan stapla flera bilder ovanpå varandra. Detta kan vara användbart om du har bilder med transparent bakgrund som kompletterar varandra när de överlagras.

1. Använd CSS för att skapa en gradientbakgrund. Om du letar efter något lite mer stiliserat än en enfärgad, men inte så upptagen som en färganimering, prova en färggradient som bakgrund. Gradienter är färger som övergår till andra klarningar. Du kan använda CSS för att skapa och anpassa din gradient. Innan du börjar göra en gradient måste du skaffa dig tillräcklig kunskap om grunderna för att formatera en webbsida med CSS.

2. Förstå standardsyntaxen. När du skapar en gradient finns det två delar av information du behöver: startpunkten och startvinkeln och färgerna mellan vilka övergången kommer att ske. Du kan välja flera färger som alla smälter samman, och du kan ange en riktning eller en vinkel för färggradienten.

bakgrund: linjär-gradient (riktning/vinkel, färg1, färg2, färg3, etc.);

3. Skapa en vertikal gradient. Om du inte anger en riktning kommer färgen att gå uppifrån och ned. Olika webbläsare har olika versioner av gradientfunktionen, så du måste lägga till olika versioner av koden.

4. Skapa en gradient med riktning. Genom att lägga till en riktning till övertoningen får du möjlighet att justera hur färgen skiftar. Observera att olika webbläsare tolkar anvisningarna olika. De kommer alla att visa samma gradient.

5. Använd andra egenskaper för att justera gradienten. Du kan göra mycket mer med gradienter.

bakgrund: linjär-gradient(#93B874 10%, #C9DCB9 70%, #000000 90%);

bakgrund: linjär-gradient(till höger, rgba(147,184,116,0), rgba(147,184,116,1));

1. Navigera till i din HTML-kod. Om du inte gillar en enfärgad bakgrund, experimentera med olika färgbakgrunder. Från HTML 5 måste bakgrundsfärger definieras med CSS (Cascading Style Sheets). Om du aldrig har angett en bakgrundsfärg med CSS, läs avsnittet om hur man ställer in en solid bakgrundsfärg innan du provar den här metoden.

2. Lägg till egenskapenanimering redo för det "kropp"-element. Du måste lägga till 2 olika egenskaper, eftersom varje webbläsare kräver olika kod.

3. Lägg till färger i din animation. Nu ska du använda @keyframes-regeln för att ställa in bakgrundsfärgerna att växla igenom, samt hur länge varje färg visas på sidan. Återigen måste du lägga till flera kodningar för de olika webbläsarna.