Yshopnoosa.com

Hur att ändra bakgrunden på min webbsida

Hur att ändra bakgrunden på min webbsida

Bakgrunden är en viktig del i din webbsida design eftersom det hjälper till att anpassa din display och avgör också om tittarna kan lätt läsa texten på din webbplats. Kan du uppdatera din egen sida om du använder en mall eller helt enkelt vill uppdatera utseendet på din Internet-närvaro. Använder Cascading Style Sheets (CSS), kan du ändra bakgrundselement på din egen webbsida och göra detta på ett sätt som är World Wide Web Consortium (W3C) kompatibla.

Instruktioner

1 Starta en HTML text redaktör och skapar en ny webbsida eller öppna en befintlig. Leta upp HTML "< head >< / capita >" tag överst på sidan.

2 Ange "< stil typ =" text/css">" att börja din CSS stil regel och följa detta med den "kroppen {bakgrunden:" stil som styr i bakgrunden av din sida. Till exempel:

< style type = "text/css" >

kroppen {bakgrunden:

3 Ange färg och/eller digital bild av din bakgrund av färgkoden sexsiffrig (hexadecimalt) av din Rekommenderad skugga och URL-plats i din bild. Verktyget "färgväljaren" som tillhandahålls av din textredaktör till få den hexadecimala koden eller hänvisa till en online-källa. Om inklusive en bild, placera filen på ditt webbhotell i samma katalog som rymmer webbfilerna och anteckna platsen. Ange namnet på den hexadecimal (föregås av ett nummertecken) och/eller följa med platsen för din bild. Att illustrera:

kroppen {bakgrunden: #666666 url ("your_image.gif")

4 Ange beteende och placering av din digital bild genom att skriva i "no-repeat" efter posten URL att hålla ditt foto från återkommer horisontellt eller vertikalt över sidan. Vidare kan du ha din grafik visas i ett visst område, såsom "upp till vänster," genom att skriva i denna anvisning i stilregeln. Till exempel om du vill att din bild ska visas bara en gång i det övre vänstra hörnet, ange det så här:

kroppen {bakgrunden #666666 url ("your_image.gif") upprepa inte övre vänstra

5 Avsluta din stil regel genom att lägga till ett semikolon, slutar lockig klammen efter posten stil och avslutandet "< / stil >" tag efter regeln. Avslutade stil regel ser ut så här:

< style type = "text/css" >

kroppen {bakgrunden: #666666 url ("your_image.gif") upprepa inte övre vänstra;}

< / stil >

6 Namnet och/eller spara filen och sedan använda din redaktör "preview"-funktionen för att visa din nya bakgrund. Om nöjd, placera din uppdaterade webbsida fil på ditt webbhotell att publicera ändringen till Internet.

Tips & varningar

  • Om använder en bakgrundsfärg och bild, måste du att bilden inte stör texten mer lättläst.
  • Om du vill ha din bild att upprepa horisontellt och vertikalt, helt enkelt ange URL-adressen som beskrivs steg i tre eftersom bilder upprepa som standard.