Den färgade bakgrunden på webbplatsen lockar inte bara besökarnas uppmärksamhet utan förmedlar också resursens stämning. Webbplatser med rymdtema skapar en atmosfär av mystik med en bakgrund i form av en stjärnhimmel, underhållningsresurser uppmuntrar med rika färger i varma färger, webbtjänster från stadstjänster visar sin officiellitet med stram design och bakgrunder av mestadels grå och blå nyanser. Det finns flera sätt att göra din egen webbsida färgad.
Det är nödvändigt
- - din sida
- - åtminstone grundläggande kunskaper om HTML
Instruktioner
Steg 1
För att skapa en färgad bakgrund, hitta följande taggar och i HTML-koden. Ändra den första taggen så här:
I denna konstruktion är # FFFF33 den kodade nyansen av gult.
Steg 2
Sidans färg kan specificeras inte bara med en kod utan också med speciella ord - namnen på primärfärgerna. För att ange bakgrundsfärgen med ett ord, skriv följande kod:
Här är "gul" namnet på färgen gul.
Steg 3
Istället för det gula kodmärket eller dess namn, lägg till önskad beteckning för bakgrundsfärgen du behöver i taggen med den här ledtråden:
röd - "röd" ("# FF0000")
blå - "blå" ("# 0000FF")
grön - "grön" ("# 008000")
rosa - "rosa" ("# FFC0CB")
lila - "violett" ("# EE82EE")
orange - "orange" ("# FFA500")
svart - "svart" ("# 000000")
Steg 4
Om du vill ha en upprepad bild i bakgrunden av webbplatsen, välj sedan en liten bild mot vilken texten kommer att synas tydligt. Ladda upp en bild till webbplatsen. Om du vill placera en bild som bakgrund anger du den här koden i taggen
I denna post anger du sökvägen till önskad bild istället för "/images/fon.jpg".
Steg 5
Webbsidornas färg kan inte bara ställas in i HTML-kod utan också med CSS-format. Med dessa stilar behöver du inte ställa in bakgrunden i koden på en ny sida varje gång. Så här definierar du en bakgrund i CSS mellan taggar och placerar en post så här:
kropp {
bakgrund: # FFFF33;
}
Här ställs bakgrundsfärgen in av bakgrundsparametern.
Steg 6
Om du vill skapa en bakgrund i CSS med en bild, skriv mellan och skriv följande kod istället för '/images/fon.jpg' som anger sökvägen till önskad bild:
kropp {
bakgrundsbild: url ('/ images / fon.jpg');
bakgrund-upprepa: upprepa;
}
Här definierar bakgrundsbildsparametern bakgrundsbilden, bakgrundsupprepning - repetitionen av bilden. På sidan.
