Kuidas Saidile Tausta Panna

Sisukord:

Kuidas Saidile Tausta Panna
Kuidas Saidile Tausta Panna

Video: Kuidas Saidile Tausta Panna

Video: Kuidas Saidile Tausta Panna
Video: KUIDAS TÕMMATA FORTNITE HÄCKE TASUTA!? (OHMYREMI STREAM HIGHLIGHTS #11) 2024, November
Anonim

Saidi töötavat tausta saab võrrelda teie operatsioonisüsteemi töölaua taustapildiga. Taust (taust), saate luua mitmes variatsioonis, mida arutatakse allpool.

Kuidas saidile tausta panna
Kuidas saidile tausta panna

Vajalik

Faili style.css muutmine

Juhised

Samm 1

Ühevärviline taust. Lihtsaim liik, suur pluss on lehe minimaalne laadimine sellise pildi kasutamisel. Kui stiilifail (style.css) ei sisalda käske, mis määraksid taustavärvi, soovitab brauser vaikimisi valget. Värvi muutmiseks kasutage käsku taustavärv. Näide selle käsu kasutamisest: background-color: # 3366CC.

2. samm

Konkreetse värvi valimiseks võite kasutada spetsiaalset tarkvara, näiteks graafikatoimetajat Adobe Photoshop. Kui te pole sellega kunagi töötanud, on soovitatav kasutada veebiteenuseid. Silmatorkav näide on otsingumootor "Yandex", minge järgmisele lingile https://yandex.ru ja sisestage fraas "sinine värv". Teie ette ilmub värvitabel, milles saate valida endale meelepärase, koodi kopeerida ja saidikoodi kleepida.

3. samm

Tausta tekstuur. Lisaks taustavärvile saate oma saidi igale lehele lisada pildi või tsükliliselt korduva mustri (tekstuuri). Selleks kirjutage pärast taustavärvi sisestamist käsk taustapilt, näiteks background-image: url (img / uzor.png). Sulgudes peab olema määratud faili tee. Väärib märkimist, et tekstuuri eraldusvõime võib alata kõige väiksemast (16x16) ja lõppeda saidi lehtede suuruse (800x600 ja rohkem) täissuuruses piltidega.

4. samm

Taust gradienti kasutades. Sellisel juhul kasutate taustavärvi, mis määrati käsuga taustavärv, kuid loote gradiendi. Gradient võib olla horisontaalne (x) ja vertikaalne (y). Kõige sagedamini kasutatakse tausta gradiendina horisontaalset asendit, nii et joon gradiendiga näeb välja selline: taust-kordus: kordus-x.

Soovitan: