Saytdakı rəngli fon yalnız ziyarətçilərin diqqətini çəkir, həm də mənbənin əhval-ruhiyyəsini göstərir. Kosmik temalı saytlar ulduzlu bir səma şəklində arxa plana sahib bir sirr atmosferi yaradır, əyləncə mənbələri isti rənglərin zəngin rəngləri ilə şənlənir, şəhər xidmətlərinin veb xidmətləri öz sərt dizaynı və əksər boz və mavi çalarları ilə rəsmi olduqlarını göstərir.. Öz veb səhifənizi rəngli etmək üçün bir neçə yol var.
Vacibdir
- - saytınız
- - ən azı HTML haqqında əsas məlumat
Təlimat
Addım 1
Qatı rəngli bir arxa plan yaratmaq üçün aşağıdakı etiketləri və HTML kodunu tapın. İlk etiketi belə dəyişdirin:
Bu konstruksiyada # FFFF33 sarı rəngin kodlanmış kölgəsidir.
Addım 2
Səhifənin rəngi yalnız bir kodla deyil, həm də xüsusi sözlərlə - əsas rənglərin adları ilə göstərilə bilər. Fon rəngini bir sözlə göstərmək üçün aşağıdakı kodu yazın:
Burada "sarı" sarı rəngin adıdır.
Addım 3
Sarı kod işarəsi və ya adı əvəzinə, bu işarə ilə etiketə lazım olan arxa plan rənginin istədiyiniz işarəsini əlavə edin:
qırmızı - "qırmızı" ("# FF0000")
mavi - "mavi" ("# 0000FF")
yaşıl - "yaşıl" ("# 008000")
çəhrayı - "çəhrayı" ("# FFC0CB")
bənövşəyi - "bənövşəyi" ("# EE82EE")
narıncı - "narıncı" ("# FFA500")
qara - "qara" ("# 000000")
Addım 4
Saytın arxa planında təkrarlanan bir şəkil əldə etmək istəyirsinizsə, mətnin açıq şəkildə göründüyü kiçik bir şəkil seçin. Sayta bir şəkil yükləyin. Bir şəkil arxa plan olaraq yerləşdirmək üçün bu kodu etikete daxil edin
Bu girişdə "/images/fon.jpg" əvəzinə istədiyiniz görüntünün yolunu göstərin.
Addım 5
Veb səhifələrin rəngi yalnız HTML kodunda deyil, həm də CSS stillərindən istifadə etməklə təyin edilə bilər. Bu üslublardan istifadə edərək hər dəfə yeni bir səhifə kodunda arxa plan qurmağa ehtiyac yoxdur. Etiketlər arasında CSS-də bir fon müəyyənləşdirmək və belə bir giriş yerləşdirmək üçün:
bədən {
arxa plan: # FFFF33;
}
Burada fon rəngi fon parametri ilə təyin olunur.
Addım 6
Bir şəkil istifadə edərək CSS-də bir arxa plan yaratmaq istəyirsinizsə, arasına istədiyiniz görüntünün yolunu göstərən '/images/fon.jpg' əvəzinə aşağıdakı kodu yazın:
bədən {
background-image: url ('/ images / fon.jpg');
arxa plan təkrar: təkrarlamaq;
}
Burada fon-şəkil parametri arxa plan şəklini təyin edir, arxa plan təkrar - görüntünün təkrarlanması. Səhifədə.
