Ինչպես գունավորել ձեր էջը

Բովանդակություն:

Ինչպես գունավորել ձեր էջը
Ինչպես գունավորել ձեր էջը

Video: Ինչպես գունավորել ձեր էջը

Video: Ինչպես գունավորել ձեր էջը
Video: Պատասխանում եմ ձեր հարցերին 2024, Նոյեմբեր
Anonim

Կայքի գունավոր ֆոնը ոչ միայն գրավում է այցելուների ուշադրությունը, այլ նաև փոխանցում է ռեսուրսի տրամադրությունը: Տիեզերական թեմաներով կայքերը ստեղծում են առեղծվածային մթնոլորտ `աստղային երկնքի տեսքով, զվարճանքի աղբյուրները` ուրախ գույների տաք գույներով, Ձեր սեփական էջը գունավոր դարձնելու մի քանի եղանակ կա:

Ինչպես գունավորել ձեր էջը
Ինչպես գունավորել ձեր էջը

Դա անհրաժեշտ է

  • - ձեր կայքը
  • - HTML- ի առնվազն հիմնական գիտելիքներ

Հրահանգներ

Քայլ 1

Կոշտ գունավոր ֆոն ստեղծելու համար գտեք հետևյալ պիտակները և HTML կոդում: Առաջին պիտակը փոխեք այսպես.

Այս կառուցվածքում # FFFF33- ը դեղին ծածկագրված ստվեր է:

Քայլ 2

Էջի գույնը կարելի է նշել ոչ միայն ծածկագրով, այլև հատուկ բառերով `հիմնական գույների անուններով: Բառով ֆոնի գույնը նշելու համար գրեք հետևյալ ծածկագիրը.

Այստեղ «դեղին» դեղին գույնի անունն է:

Քայլ 3

Դեղին ծածկագրի կամ դրա անվան փոխարեն, այս ակնարկով պիտին ավելացրեք անհրաժեշտ ֆոնի գույնի ցանկալի անվանումը:

կարմիր - «կարմիր» («# FF0000»)

կապույտ - «կապույտ» («# 0000FF»)

կանաչ - «կանաչ» («# 008000»)

վարդագույն - «վարդագույն» («# FFC0CB»)

մանուշակագույն - «մանուշակ» («# EE82EE»)

նարնջագույն - «նարնջագույն» («# FFA500»)

սև - «սև» («# 000000»)

Քայլ 4

Եթե կայքի ֆոնին ցանկանում եք ունենալ կրկնվող պատկեր, ապա ընտրեք փոքր նկար, որի դեմ տեքստը հստակ տեսանելի կլինի: Վերբեռնեք նկարը կայքում: Պատկերը որպես ֆոն տեղադրելու համար մուտքագրեք այս կոդը պիտակի մեջ

Այս գրառման մեջ «/images/fon.jpg» - ի փոխարեն նշեք ցանկալի պատկերի ուղին:

Քայլ 5

Վեբ էջերի գույնը կարող է դրվել ոչ միայն HTML կոդի մեջ, այլ նաև օգտագործելով CSS ոճեր: Օգտագործելով այս ոճերը ՝ ամեն անգամ անհրաժեշտ չէ ֆոն տեղադրել նոր էջի ծածկագրում: Պիտակների միջև CSS- ում ֆոն սահմանելու համար և այսպիսի գրառում տեղադրել.

մարմին {

ֆոն `# FFFF33;

}

Այստեղ ֆոնի գույնը սահմանվում է ֆոնի պարամետրով:

Քայլ 6

Եթե ցանկանում եք ֆոն պատրաստել CSS- ում, օգտագործելով պատկեր, ապա արեք և գրեք հետևյալ կոդը, փոխարենը `'/images/fon.jpg'` նշելով ցանկալի պատկերի ուղին.

մարմին {

background-image: url ('/ images / fon.jpg');

ֆոն-կրկնել. կրկնել;

}

Այստեղ ֆոն-պատկերի պարամետրը սահմանում է ֆոնային պատկերը, ֆոնային կրկնումը `պատկերի կրկնությունը: Էջում

Խորհուրդ ենք տալիս: