Juster baggrundsfarven i html

2. tilføje tagger dit dokument. Alle stildata for din side (inklusive baggrundsfarven) skal kodes i disse tags. Har du den tags allerede er angivet, så kan du bare rulle til den del af filen.

3. Skriv det "legeme"-element inden for tags. Alt hvad du ændrer ved det "legeme"-element i CSS, vil påvirke hele siden.

4. tilføje "baggrundsfarve"-attribut til "legeme"-element. I denne sammenhæng kun én stavemåde af "farve" arbejde (altså ikke: farve).

5. Placer den ønskede baggrundsfarve bagved "baggrundsfarve". Du kan nu angive navnet på en farve (grøn, blå, rød, etc.), brug hexadecimale (hex) koder (f.eks. #000000 for sort, #ff0000 til rød osv.) eller ved at indtaste RGB-værdien for farven (f.eks rgb(255,255,0) for gul). Nedenfor er et eksempel med hexadeximale koder, der gør baggrunden til den samme som banneret:

6. Brug "baggrundsfarve" til at anvende baggrundsfarver på andre elementer. Ligesom du indstiller kropselementet, kan du bruge baggrundsfarve til at indstille baggrunden for andre elementer. Bare placer disse elementer inde i med egenskaben baggrundsfarve.

1. Åbn HTML-filen i en teksteditor. Mange mennesker foretrækker at bruge et billede som baggrund for deres hjemmeside. Det giver dig mulighed for at indstille et mønster, tekstur, foto eller ethvert andet billede som tapet. Fra HTML5 skal alle baggrunde indstilles med CSS (Cascading Style Sheets) inden for tags.

2. tilføje tags din HTML-fil. Alle stiloplysninger for din side (inklusive baggrundsfarven) skal angives i disse tags. Har du allerede tags sat, og rul derefter til den del af filen.

3. Skriv det "legeme"-element inden for tags. Alt hvad du ændrer ved det "legeme"-element i CSS vil påvirke hele siden.

4. Tilføj ejendommen "baggrundsbillede" klar til det "legeme"-element. Når du tilføjer denne egenskab, skal du bruge filnavnet på dit billede. Sørg for, at billedet er gemt i samme mappe som html-filen (eller tilføj den fulde sti til filen til din webserver).

5. Lag flere billeder. Du kan stable flere billeder oven på hinanden. Dette kan være nyttigt, hvis du har billeder med gennemsigtige baggrunde, der komplementerer hinanden, når de overlejres.

1. Brug CSS til at skabe en gradientbaggrund. Hvis du leder efter noget lidt mere stiliseret end en solid farve, men ikke så travlt som en farve animation, prøv en farvegradient som baggrund. Gradienter er farver, der går over i andre klare farver. Du kan bruge CSS til at oprette og tilpasse din gradient. Før du begynder at lave en gradient, skal du have tilstrækkelig viden om det grundlæggende i at formatere en webside med CSS.

2. Forstå standardsyntaksen. Når du opretter en gradient, er der to stykker information, du skal bruge: udgangspunktet og startvinklen, og de farver, som overgangen vil finde sted mellem. Du kan vælge flere farver, der alle blander sig, og du kan angive en retning eller en vinkel for farvegradienten.

baggrund: lineær gradient (retning/vinkel, farve1, farve2, farve3 osv.);

3. Opret en lodret gradient. Hvis du ikke angiver en retning, vil farven gå fra top til bund. Forskellige browsere har forskellige versioner af gradientfunktionen, så du bliver nødt til at tilføje forskellige versioner af koden.

4. Opret en gradient med retning. Tilføjelse af en retning til gradienten giver dig mulighed for at justere den måde, farven skifter på. Bemærk, at forskellige browsere vil fortolke anvisningerne forskelligt. De vil alle vise den samme gradient.

5. Brug andre egenskaber til at justere gradienten. Du kan gøre meget mere med gradienter.

baggrund: lineær gradient(#93B874 10%, #C9DCB9 70%, #000000 90%);

baggrund: lineær gradient(til højre, rgba(147,184,116,0), rgba(147,184,116,1));

1. Naviger til i din HTML-kode. Hvis du ikke kan lide en ensfarvet baggrund, kan du eksperimentere med forskellige farvebaggrunde. Fra HTML 5 skal baggrundsfarver defineres med CSS (Cascading Style Sheets). Hvis du aldrig har indstillet en baggrundsfarve med CSS, så læs afsnittet hvordan man indstiller en solid baggrundsfarve før du prøver denne metode.

2. Tilføj ejendommenanimation klar til det "legeme"-element. Du bliver nødt til at tilføje 2 forskellige egenskaber, fordi hver browser kræver forskellig kode.

3. Tilføj farver til din animation. Nu skal du bruge @keyframes-reglen til at indstille baggrundsfarverne til at cykle igennem, samt hvor længe hver farve vises på siden. Igen bliver du nødt til at tilføje flere kodninger til de forskellige browsere.