Sitedeki renkli arka plan sadece ziyaretçilerin dikkatini çekmekle kalmıyor, aynı zamanda kaynağın ruh halini de aktarıyor. Uzay temalı siteler, yıldızlı gökyüzü şeklinde bir arka plan ile gizemli bir atmosfer yaratır, eğlence kaynakları sıcak renklerin zengin renkleriyle neşelenir, şehir hizmetlerinin web servisleri sade tasarım ve çoğunlukla gri ve mavi tonlarında arka planlar ile resmiliğini gösterir.. Kendi web sayfanızı renkli hale getirmenin birkaç yolu vardır.
Bu gerekli
- - senin siten
- - en azından temel HTML bilgisi
Talimatlar
Aşama 1
Düz renkli bir arka plan yapmak için aşağıdaki etiketleri ve HTML kodunu bulun. İlk etiketi şu şekilde değiştirin:
Bu yapıda # FFFF33, sarının kodlanmış tonudur.
Adım 2
Sayfanın rengi yalnızca bir kodla değil, aynı zamanda özel kelimelerle de belirtilebilir - ana renklerin adları. Arka plan rengini bir kelime ile belirtmek için aşağıdaki kodu yazın:
Burada "sarı" sarı rengin adıdır.
Aşama 3
Sarı kod işareti veya adı yerine, bu ipucunu kullanarak ihtiyacınız olan arka plan renginin istediğiniz tanımını etikete ekleyin:
kırmızı - "kırmızı" ("# FF0000")
mavi - "mavi" ("# 0000FF")
yeşil - "yeşil" ("# 008000")
pembe - "pembe" ("# FFC0CB")
mor - "mor" ("# EE82EE")
turuncu - "turuncu" ("# FFA500")
siyah - "siyah" ("# 000000")
4. Adım
Sitenin arka planında yinelenen bir görüntüye sahip olmak istiyorsanız, metnin açıkça görüleceği küçük bir resim seçin. Siteye bir resim yükleyin. Bir resmi arka plan olarak yerleştirmek için bu kodu etikete girin
Bu girdide, "/images/fon.jpg" yerine istenen görüntünün yolunu belirtin.
Adım 5
Web sayfalarının rengi yalnızca HTML kodunda değil, CSS stilleri kullanılarak da ayarlanabilir. Bu stilleri kullanarak, her seferinde yeni bir sayfanın kodunda arka planı ayarlamanız gerekmez. Etiketler arasında CSS'de bir arka plan tanımlamak ve bunun gibi bir giriş yerleştirmek için:
vücut {
arka plan: # FFFF33;
}
Burada arka plan rengi arka plan parametresi tarafından belirlenir.
6. Adım
Bir görüntü kullanarak CSS'de arka plan yapmak istiyorsanız, istenen görüntünün yolunu belirterek '/images/fon.jpg' yerine aşağıdaki kodu arasına yazın ve yazın:
vücut {
arka plan resmi: url ('/ resimler / fon.jpg');
arka plan-tekrar: tekrar;
}
Burada arka plan görüntüsü parametresi arka plan görüntüsünü, arka plan tekrarını - görüntünün tekrarını tanımlar. Sayfada.
