CSS နောက်ခံပုံအား ပြန်လုပ်ပါ ။
CSS နောက်ခံ-အထပ်ထပ်
မူရင်းအားဖြင့်၊ background-image
ပိုင်ဆိုင်မှုသည် ပုံတစ်ပုံကို အလျားလိုက်နှင့် ဒေါင်လိုက် နှစ်မျိုးလုံး ပြန်လုပ်သည်။
အချို့သောပုံများသည် အလျားလိုက် သို့မဟုတ် ဒေါင်လိုက်သာ ထပ်ခါထပ်ခါ ဖြစ်သင့်သည် သို့မဟုတ် ၎င်းတို့သည် ဤကဲ့သို့ ထူးဆန်းနေလိမ့်မည်-
ဥပမာ
body
{
background-image: url("gradient_bg.png");
}
အပေါ်ကပုံကို အလျားလိုက် ( background-repeat: repeat-x;
) သာ ထပ်ခါထပ်ခါလုပ်ပါက နောက်ခံပုံသည် ပိုကောင်းလာမည်-
ဥပမာ
body
{
background-image: url("gradient_bg.png");
background-repeat: repeat-x;
}
အကြံပြုချက်- ပုံတစ်ပုံကို ဒေါင်လိုက်ပြန်လုပ်ရန် သတ်မှတ်ပါ။background-repeat: repeat-y;
CSS နောက်ခံ- ထပ်ကျော့- ထပ်တလဲလဲ မလုပ်ပါ။
နောက်ခံပုံအား တစ်ကြိမ်သာပြသခြင်းကိုလည်း background-repeat
ပိုင်ဆိုင်မှုမှ သတ်မှတ်ထားသည်-
ဥပမာ
နောက်ခံပုံကို တစ်ကြိမ်သာ ပြပါ-
body
{
background-image: url("img_tree.png");
background-repeat: no-repeat;
}
အထက်ဖော်ပြပါ ဥပမာတွင်၊ နောက်ခံပုံအား စာသားကဲ့သို့ တစ်နေရာတည်းတွင် ထားရှိပါ။ ကျွန်ုပ်တို့သည် စာသားကို အလွန်အမင်း မနှောက်ယှက်စေရန် ရုပ်ပုံ၏ အနေအထားကို ပြောင်းလဲလိုပါသည်။
CSS နောက်ခံအနေအထား
background-position
နောက်ခံပုံ၏ အနေအထားကို သတ်မှတ်ရန် ပိုင်ဆိုင်မှုကို အသုံးပြုသည် ။
ဥပမာ
နောက်ခံပုံကို ညာဘက်အပေါ်ထောင့်တွင် နေရာချထားပါ-
body
{
background-image: url("img_tree.png");
background-repeat: no-repeat;
background-position: right top;
}