gushelom.ru

Så här lägger du till bakgrunden till en webbplats

Bakgrund är en av grunden för en webbplats: den ger tonen och integrerar innehållet. Det finns många sätt att lägga till, var och en för ett annat syfte. Vissa metoder gör att du kan tillämpa samma bakgrund på alla sidor på webbplatsen, medan andra är begränsade till en enda sida. Denna artikel lär dig hur du lägger till en bakgrund på din webbplats med hjälp av HTML eller CSS.



Metod 1

HTML-metoder

Metod 2

= Solid bakgrund

=

1
Den färgade bakgrunden är den enklaste typen. Faktum är att varje webbplats är född med en vit standardbakgrund. Men medan vit kan vara mycket elegant och ren används med en kombination av harmoniska färger, med olika teman kan en annan färgad bakgrund vara att föredra.
  • 2
    Öppna sidkällkoden.
  • 3
    Lägg till ett attribut med namnet bgcolor i kroppstaggen. Kroppstaggen ska se ut så här:

    där COLORNAME är namnet på färgen, som kan identifieras på olika sätt:
  • (färgnamn)
  • (hexadecimalt värde)
  • (RGB-värde)
  • 4
    Genom att experimentera med RGB-syntaxen och den hexadecimala syntaxen kan du få många färger, men det är mycket lättare att identifiera en färg med den första metoden. Var försiktig: kom ihåg att genom att skriva namnet på en sällsynt färg som "Grönblå utomlands" du kommer bara se vit.
  • Metod 3

    = Lägg till en bakgrundsbild

    =

    • Att lägga till en bakgrundsbild är lite mer komplicerad.
    1
    Lägg till bakgrundsegenskapen till korgtaggen. Du får en liknande kod:

    där SRC är den ursprungliga filen i bilden, som kan vara i samma mapp eller i en annan mapp / webbsida:
    • (i samma mapp)
    • (inuti en annan mapp)
    • (på en annan webbsida)
  • 2
    Kom ihåg att skriva förlängningen * .jpg, * .jpg, * .jpg, etc.
  • Metod 4

    CSS-metoder

    Metod 5

    = Solid bakgrund

    =

    1
    För att lägga till en färgad bakgrund i CSS måste du ange ett stilattribut. Du kan tilldela klasser och ID och använda båda stilarken, intern och extern.
  • 2
    Kroppstaggen ska se ut så här:

  • där COLORNAME är namnet på färgen uttryckt i naturligt språk, med hexadecimalt värde eller i RGB, som för HTML.
  • Metod 6

    = Lägg till en bakgrundsbild

    =

    1
    För att lägga till en bild lägger du in stilattributet till kroppstaggen, med ID och / eller klasser i valfri stil.
  • 2
    Din kroppslabel ska se ut så här:

  • 3
    Kom ihåg att SRC är källan. Det kan vara i samma mapp eller i en annan eller på en webbsida:
  • (i samma mapp)
  • (inuti en annan mapp)
  • (på en annan webbsida).
  • 4
    Kom ihåg att infoga bildfilens tillägg.
  • Metod 7

    = Upprepade mönster Bakgrund

    =

    1
    För att göra en bakgrund med upprepade motiv gäller samma sak för föregående punkt. Taggkroppen måste dock se ut så här:
    där REPEAT- SETTINGS är inställningarna. Det kan finnas många sätt att upprepa en anledning:
    • (bakgrundsmönstret upprepas både vertikalt och horisontellt.)
    • (mönstret upprepas endast horisontellt.)
    • (motivet upprepas endast vertikalt.)

    Metod 8

    = Fast bildbakgrund

    =

    1
    En stillbild i bakgrunden ger ett friskt utseende och flyttar inte ens till undersidan av sidan. Du behöver bara några enkla ändringar av koden i föregående avsnitt:

    • var
      SRC är bakgrundsbilden
      POSITION kan variera från mitten till höger
      bakgrundsbildning används för att ange bakgrundens position och det är bättre att inte ändra det.

    tips

    • Det rekommenderas starkt att du läser hela artikeln: lämnar åt sidan en enda sektion, du kan sakna några viktiga tips.

    varningar

    • Båda metoderna i HTML är nu föråldrade och kanske inte fungerar i HTML 4.01 Strict och XHTML Strict.
    Dela på sociala nätverk:

    Relaterade
    Så här lägger du till en bakgrund med Photoshop CS3Så här lägger du till en bakgrund med Photoshop CS3
    Hur man lägger till en bakgrund på TumblrHur man lägger till en bakgrund på Tumblr
    Så här lägger du till en bakgrund på en bloggSå här lägger du till en bakgrund på en blogg
    Så här ändrar du färger i kommandotolkSå här ändrar du färger i kommandotolk
    Så här ändrar du bakgrunden till din iPadSå här ändrar du bakgrunden till din iPad
    Hur ändrar bakgrunden till WhatsApp ChatHur ändrar bakgrunden till WhatsApp Chat
    Så här ändrar du bakgrunden på TwitterSå här ändrar du bakgrunden på Twitter
    Hur man skapar bakgrunder med Adobe PhotoshopHur man skapar bakgrunder med Adobe Photoshop
    Hur man skapar din webbplats med GoogleHur man skapar din webbplats med Google
    Så här skapar du ett stilark (CSS)Så här skapar du ett stilark (CSS)
    » » Så här lägger du till bakgrunden till en webbplats

    © 2011—2021 gushelom.ru