Bir web sitesine arka plan resmi koymak beş dakikalık bir iştir. Görüntüyü hazırlamak için çok daha fazla zaman harcanır - seçim, ayarlama, efekt ekleme, tek bir grafik dosyasında birkaç illüstrasyon oluşturma.
Talimatlar
Aşama 1
Arka plan özelliği, arka planı yönetmekten sorumludur. Sayfayı tek bir renkle eşit şekilde doldurmak için gövde: içindeki stil etiketini kullanın. Arka plan siyah olacak. CSS kullanıyorsanız, head: body {background-color: # 000000;}
Adım 2
Bir bağlantı yardımıyla tekrar eden bir görüntü ayarlanır. Adres, harici veya dahili bir bağlantı olarak belirtilir. Bu yöntemi kullanırken, resimler arasındaki dikişlerin görünmez kalması önemlidir, aksi takdirde sayfa özensiz görünecektir. CSS'de şunu kullanın: body {background-color: # 000000; background-image: url (images / pattern.png);}.
Aşama 3
Desenin tekrarı kontrol edilebilir. Arka plan-tekrar, aşağıdaki öğelerle birlikte bu işlevden sorumludur: - tekrar-x - yatay tekrar; - tekrar-y - dikey tekrar: - tekrar - her iki yönde tekrar; - tekrar yok - tekrar olmadan. this: gövde {arka plan rengi: # 000000; arka plan resmi: url ("butterfly.gif"); arka plan tekrarı: tekrar yok; }
4. Adım
Arka plan konumu, görüntüyü web sayfasının istenen bölümünde konumlandırmaya yardımcı olur. Koordinatlar yüzde (%50 %75), santimetre (5cm 5cm), piksel boyutu (200px 400px), kelime formu (sol, sağ, üst, orta, alt) kullanılarak ayarlanabilir. Örneğin: gövde {arka plan rengi: # 000000; arka plan resmi: url ("butterfly.gif"); arka plan tekrarı: tekrar yok; arka plan eki: sabit; arka plan konumu: sol alt; } %0 %0 değeri sol üst kısma eşittir.
Adım 5
background-attachment özelliği, resimlerin sayfa ile birlikte kaydırılıp kaydırılmayacağını (background-attachment: scroll) (background-attachment: sabit) belirtir.
