Juster bakgrunnsfargen i html

2. Legg til merker dokumentet ditt. Alle stildata for siden din (inkludert bakgrunnsfargen) skal kodes i disse taggene. Har du taggene allerede er indikert, så kan du bare bla til den delen av filen.

3. Skriv det "kropp"-element i tagger. Alt du endrer på det "kropp"-element i CSS, vil påvirke hele siden.

4. Legg til "bakgrunnsfarge"-attributt til "kropp"-element. I denne sammenhengen er det kun én skrivemåte av "farge" arbeid (altså ikke: farge).

5. Plasser ønsket bakgrunnsfarge bak "bakgrunnsfarge". Du kan nå angi navnet på en farge (grønn, blå, rød, etc.), bruk heksadesimale (hex) koder (f.eks. #000000 for svart, #ff0000 for rødt osv.) eller ved å skrive inn RGB-verdien for fargen (som f.eks rgb(255,255,0) for gul). Nedenfor er et eksempel med heksadesimale koder, som gjør bakgrunnen til den samme som banneret:

6. Bruk "bakgrunnsfarge" for å bruke bakgrunnsfarger på andre elementer. Akkurat som du angir body-elementet, kan du bruke bakgrunnsfarge til å angi bakgrunnen til andre elementer. Bare plasser disse elementene inne i med egenskapen bakgrunnsfarge.

1. Åpne HTML-filen i et tekstredigeringsprogram. Mange foretrekker å bruke et bilde som bakgrunn for nettsiden deres. Den lar deg angi et mønster, tekstur, bilde eller et hvilket som helst annet bilde som bakgrunn. Fra HTML5 må alle bakgrunner settes med CSS (Cascading Style Sheets) innenfor tagger.

2. Legg til merker HTML-filen din. All stilinformasjon for siden din (inkludert bakgrunnsfargen) bør spesifiseres i disse kodene. Har du allerede koder satt, og bla deretter til den delen av filen.

3. Skriv det "kropp"-element i tagger. Alt du endrer på det "kropp"-element i CSS vil påvirke hele siden.

4. Legg til eiendommen "bakgrunnsbilde" klar for det "kropp"-element. Når du legger til denne egenskapen, trenger du filnavnet til bildet ditt. Sørg for at bildet er lagret i samme mappe som html-filen (eller legg til hele banen til filen til webserveren din).

5. Lag flere bilder. Du kan stable flere bilder oppå hverandre. Dette kan være nyttig hvis du har bilder med gjennomsiktig bakgrunn som utfyller hverandre når de legges over hverandre.

1. Bruk CSS for å lage en gradientbakgrunn. Hvis du leter etter noe litt mer stilisert enn en ensfarget, men ikke så travelt som en fargeanimasjon, prøv en fargegradient som bakgrunn. Gradienter er farger som går over i andre klarninger. Du kan bruke CSS til å lage og tilpasse gradienten din. Før du begynner å lage en gradient, må du få tilstrekkelig kunnskap om det grunnleggende om å formatere en nettside med CSS.

2. Forstå standardsyntaksen. Når du oppretter en gradient, er det to deler av informasjon du trenger: startpunktet og startvinkelen, og fargene overgangen vil finne sted mellom. Du kan velge flere farger som alle blander seg sammen, og du kan spesifisere en retning eller en vinkel for fargegradienten.

bakgrunn: lineær gradient (retning/vinkel, farge1, farge2, farge3, ​​etc.);

3. Lag en vertikal gradient. Hvis du ikke angir en retning, vil fargen gå fra topp til bunn. Ulike nettlesere har forskjellige versjoner av gradientfunksjonen, så du må legge til forskjellige versjoner av koden.

4. Lag en gradient med retning. Å legge til en retning til gradienten gir deg muligheten til å justere måten fargen skifter på. Vær oppmerksom på at forskjellige nettlesere vil tolke veiledningen forskjellig. De vil alle vise samme gradient.

5. Bruk andre egenskaper for å justere gradienten. Du kan gjøre mye mer med gradienter.

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

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

1. Navigere til i HTML-koden din. Hvis du ikke liker en ensfarget bakgrunn, kan du eksperimentere med forskjellige fargebakgrunner. Fra HTML 5 må bakgrunnsfarger defineres med CSS (Cascading Style Sheets). Hvis du aldri har satt en bakgrunnsfarge med CSS, les avsnittet om hvordan du setter en solid bakgrunnsfarge før du prøver denne metoden.

2. Legg til eiendommenanimasjon klar for det "kropp"-element. Du må legge til 2 forskjellige egenskaper, fordi hver nettleser krever forskjellig kode.

3. Legg til farger i animasjonen. Nå skal du bruke @keyframes-regelen til å angi bakgrunnsfargene som skal bla gjennom, samt hvor lenge hver farge vises på siden. Igjen må du legge til flere kodinger for de forskjellige nettleserne.