Veb sayta arxa planı necə əlavə etmək olar: 14 addım (şəkillərlə)

Mündəricat:

Veb sayta arxa planı necə əlavə etmək olar: 14 addım (şəkillərlə)
Veb sayta arxa planı necə əlavə etmək olar: 14 addım (şəkillərlə)

Video: Veb sayta arxa planı necə əlavə etmək olar: 14 addım (şəkillərlə)

Video: Veb sayta arxa planı necə əlavə etmək olar: 14 addım (şəkillərlə)
Video: Cinsi münasibətin müddətini dərmansız necə uzatmalı - Effektiv metodlar 2024, Aprel
Anonim

Arxa fon bir veb saytın ən vacib elementlərindən biridir. Yaxşı bir fon veb saytın tonunu yaradır və məzmunu tamamlayır. Fon əlavə etmək üçün bir çox fərqli yol var, hər biri fərqli bir məqsədlə. Bəzi metodlar fonu veb saytdakı bütün səhifələrə tətbiq etməyə imkan verir, digərləri isə fonu yalnız müəyyən bir səhifə ilə məhdudlaşdırır. Bu məqalə, HTML və ya CSS istifadə edərək veb saytınıza necə bir fon əlavə etməyi öyrədir.

Addımlar

Metod 1 /2: HTML Metodları

Bərk Rəngli Fon

Veb Sayta Fon Əlavə Edin 1
Veb Sayta Fon Əlavə Edin 1

Addım 1. Bərk rəngli bir fon, bir veb saytına qoya biləcəyiniz ən əsas fon növüdür

Əslində, hər bir veb sayt standart bir ağ fon ilə başlayır. Ağ bir fon, ahəngdar bir rəng sxemi ilə istifadə edildikdə çox parlaq və təmiz görünsə də, fərqli mövzularda fərqli rəngli bir fon seçilə bilər.

Veb sayta 2 -ci addım əlavə edin
Veb sayta 2 -ci addım əlavə edin

Addım 2. Veb kodunuzu (mənbə) açın

Veb sayta arxa plan əlavə edin 3
Veb sayta arxa plan əlavə edin 3

Addım 3. Bədən etiketinə bgcolor adlı bir xüsusiyyət əlavə edin

İndi bədən etiketiniz belə görünməlidir-

burada COLORNAME rəngin adıdır. COLORNAME bir çox rəng nümayəndəsi ilə doldurula bilər.

  • (rəng adı)
  • (hex dəyər)
  • (RGB dəyəri)
Veb sayta arxa plan əlavə edin 4
Veb sayta arxa plan əlavə edin 4

Addım 4. RGB və # ilə təcrübə aparmaq bir çox çalarlara səbəb ola bilər, ancaq asan ilk yolu seçə bilərsiniz

Ancaq unutmayın ki, "Ultramarine Bluish Green" kimi qeyri -adi bir rəng yazmaq ağla nəticələnəcəkdir.

Arxa fon şəkli əlavə etmək

Arxa plan şəkli əlavə etmək bərk rəngli fondan bir az daha mürəkkəbdir

Veb sayta arxa plan əlavə edin 5
Veb sayta arxa plan əlavə edin 5

Addım 1. Arxa fon xüsusiyyətini bədən etiketinə əlavə edin, belə görünür-

SRC -nin görüntünün mənbəyi olduğu SRC eyni qovluqda və ya başqa bir qovluqda/veb səhifədə ola bilər.

  • (eyni qovluqda)
  • (fərqli bir qovluğun içərisində)
  • (fərqli bir səhifədə)
Veb sayta arxa plan əlavə edin 6
Veb sayta arxa plan əlavə edin 6

Addım 2..gif /-j.webp" />

Metod 2 /2: CSS Metodları

Veb sayta arxa plan əlavə edin 6
Veb sayta arxa plan əlavə edin 6

Bərk Rəngli Fon

Veb sayta arxa plan əlavə edin 7
Veb sayta arxa plan əlavə edin 7

Addım 1. CSS -də möhkəm rəngli bir fon əlavə etmək üçün bir stil atributu əlavə edin

Ayrıca şəxsiyyət vəsiqələri verə və həm xarici, həm də daxili üslub cədvəllərindən istifadə edə bilərsiniz.

Veb sayta arxa plan əlavə edin 8
Veb sayta arxa plan əlavə edin 8

Addım 2. Bədən etiketiniz belə görünməlidir-

burada COLORNAME rəngin, onaltılı dəyərin və ya RGB -nin adıdır (HTML -də bərk rəngli fonun son addımlarını da unutmayın, burada da tətbiq olunur).

Şəkil əlavə etmək

Veb sayta arxa plan əlavə edin 9
Veb sayta arxa plan əlavə edin 9

Addım 1. Bir şəkil əlavə etmək üçün stil etiketini bədən etiketinə əlavə edin

Ayrıca şəxsiyyət vəsiqələri verə və həm xarici, həm də daxili üslub cədvəllərindən istifadə edə bilərsiniz.

Veb sayta 10 -cu addım əlavə edin
Veb sayta 10 -cu addım əlavə edin

Addım 2. Bədən etiketiniz indi belə görünməlidir-

Veb sayta arxa plan əlavə edin Adım 11
Veb sayta arxa plan əlavə edin Adım 11

Addım 3. SRC -nin mənbəyi olduğunu unutmayın

Eyni qovluqdan, fərqli qovluqdan və ya fərqli bir veb səhifədən ola bilər.

  • (eyni qovluqda)
  • (fərqli bir qovluğun içərisində)
  • (fərqli bir veb səhifədə).
Veb sayta arxa plan əlavə edin 12
Veb sayta arxa plan əlavə edin 12

Addım 4. Çox uzantıları da əlavə etməyi unutmayın

Təkrarlanan Nümunəli Fon

Veb sayta arxa plan əlavə edin 13
Veb sayta arxa plan əlavə edin 13

Addım 1. Təkrar naxış fonu yaratmaq üçün yuxarıdakı addımlarda deyildiyi kimi bir fon əlavə edin

Bədən etiketiniz indi dəyişdirilməlidir-

TƏKRAR AYARLARI parametrlərdir. Bir çox təkrarlama ola bilər, məsələn:

  • (Arxa plan həm şaquli, həm də üfüqi olaraq təkrarlanacaq.)
  • (Arxa fon üfüqi olaraq təkrarlanacaq.)
  • (Arxa fon şaquli olaraq təkrarlanacaq.)

Sabit Şəkil Arka Planı

Veb sayta bir fon əlavə edin Adım 14
Veb sayta bir fon əlavə edin Adım 14

Addım 1. Sabit şəkil fonları sərin görünür və aşağıya fırladıqca dəyişmir

Bunları etmək üçün yuxarıdakı hissədəki koda bir neçə sadə düzəliş etməlisiniz. Bədən etiketinin belə görünməsi üçün tweaks edin-

SRC arxa planın mənbəyidir, MÖVQE görüntünün mövqeyidir (mərkəzdən yuxarı sağa qədər dəyişə bilər); background-attachment bu fon tipinin əsas "katalizatorudur". Arxa planın yerini bildirmək üçün istifadə olunur və dəyişdirilməməsi tövsiyə olunur.

Tövsiyə: