ዳራውን እንዴት እንደሚያቀናብሩ

ዝርዝር ሁኔታ:

ዳራውን እንዴት እንደሚያቀናብሩ
ዳራውን እንዴት እንደሚያቀናብሩ

ቪዲዮ: ዳራውን እንዴት እንደሚያቀናብሩ

ቪዲዮ: ዳራውን እንዴት እንደሚያቀናብሩ
ቪዲዮ: አዲስ ገጽ በግንቦት 22/2010 ፐሮግራሙ/Addis Getse Ginbot 22/2010 2024, ህዳር
Anonim

ድር ጣቢያዎን በበይነመረብ ላይ ለማስዋብ ፣ በዲዛይኑ ላይ ለውጦችን ማድረግ ይችላሉ። ዲዛይን መቀየር የዋናውን ገጽ ዳራ ከመቀየር ጀምሮ የጣቢያውን አብነት ሙሉ በሙሉ እስከማስቀየር ድረስ ማንኛውንም እርምጃ ያመለክታል። የጣቢያዎን ዳራ ለመለወጥ ከወሰኑ የሚከተለው መመሪያ ይህንን ችግር ለመፍታት ይረዳል ፡፡

ዳራውን እንዴት እንደሚያቀናብሩ
ዳራውን እንዴት እንደሚያቀናብሩ

አስፈላጊ

የ css ፋይልን ማርትዕ።

መመሪያዎች

ደረጃ 1

ለአብዛኛው ክፍል ፣ የጣቢያው ዲዛይን ኮድ በ style.css ፋይል ውስጥ ይገኛል ፡፡ ግን እያንዳንዱ አብነት ከቀዳሚው የተለየ ሊሆን ይችላል ፣ ስለሆነም የንድፍ ኮዱ በተለየ ፋይል ውስጥ ሊገኝ ይችላል ፣ ግን ከሲኤስኤስ ቅጥያ ጋር። የጣቢያዎን የጀርባ ቀለም ለማዘጋጀት ነባሩን እሴት በሚከተለው አገላለፅ ማስገባት ወይም መተካት አለብዎት-/ * white background * / body {

የጀርባ-ቀለም: #FFFFFF;} / * የነጭ አርዕስት ዳራ ፣ የጥቁር ቅርጸ-ቁምፊ ቀለም * / h1 {

ቀለም # 000000;

የጀርባ-ቀለም: #FFFFFFF;

}

ደረጃ 2

በጣቢያዎ ላይ ማንኛውንም ምስል እንደ ዳራ ለማስገባት ያለውን ነባር እሴት በሚከተለው አገላለጽ ማስገባት ወይም መተካት አለብዎት-ሰውነት {

የጀርባ-ቀለም # 000000;

የጀርባ-ምስል url ("ምስል-1.jpg");

}

በዚህ ሁኔታ ከሲ.ኤስ.ኤስ ፋይል ጋር በተመሳሳይ አቃፊ ውስጥ ለሚገኘው የምስል ፋይል አገናኝ ማቅረብ አስፈላጊ መሆኑን ልብ ሊባል ይገባል ፡፡

ደረጃ 3

አንድ ትንሽ ስዕል ወይም ትንሽ ስዕል ንጣፍ ማድረግ ከፈለጉ ከዚያ የጀርባ-ተደጋጋሚ ትዕዛዙን ይጠቀሙ። ይህንን ትዕዛዝ በትክክል ለመጠቀም ለዚህ ትዕዛዝ በርካታ ማሻሻያዎች አሉ ፡፡

ዳግመኛ-መደጋገም-ተደጋጋሚ-x - ምስሉን በ x ዘንግ በኩል ይድገሙት;

ዳግመኛ ይድገሙ: - ይደግሙ - y - ምስሉን በ y ዘንግ በኩል ይድገሙት;

ዳራ-መድገም-ይድገሙ - በአንድ ጊዜ በሁለት መጥረቢያዎች ላይ ስዕልን ይድገሙ ፡፡

የጀርባ-መደጋገም-መደጋገም - ምስሉ አይደገምም;

የጀርባ-አባሪ: ማሸብለል - ስዕሉን ከገጹ ጋር አንድ ላይ ማንሸራተት;

የጀርባ-አባሪ: ተስተካክሏል - ምስሉ አልተሸወጠም.

የዚህን ትዕዛዝ አገባብ በመጠቀም በምሳሌዎች ውስጥ እንዴት እንደሚሰራ ማሳየት ይችላሉ-

background-position: 30px 40px - ምስሉ ከላይ ወደ ታች 30 ፒክስል እና ከግራ ወደ ቀኝ 40 ፒክስል ነው።

የጀርባ አቀማመጥ: - 60% 35% - የግራ ንጣፍ 60% ሲሆን የላይኛው መቅዘፊያ ደግሞ 25% ነው።

የሚመከር: