စားပွဲတစ်ခုပုံရိပ်ကိုနောက်ခံ add ဖို့ CSS ကိုနောက်ခံပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုကိုသုံးပါ
သူတို့ရဲ့နောက်ခံကနေစားပွဲကွာခြားဝက်ဘ်စာမျက်နှာပေါ်တွင်အခြားအရာအားလုံးမှဆွေမျိုးစားပွဲများ၏ content အလေးပေးဖို့ကူညီပေးသည်။ စားပွဲတစ်ခုနောက်ခံထည့်သွင်းဖို့, သင် tweaks ဖို့လိုအပ်ပါလိမ့်မယ် တန်းဒေသတွေက style sheet (CSS ကို) သင့်ရဲ့ဝက်ဘ်စာမျက်နှာကို supporting ။
စတင်ခဲ့သည်
စားပွဲတစ်ခုတစ်ခုနောက်ခံပုံထည့်သွင်းဖို့အကောင်းဆုံးနည်းလမ်းကတော့ CSS ကိုနောက်ခံ property ကိုသုံးရန်ဖြစ်ပါသည်။ ထိထိရောက်ရောက် CSS ကိုရေးသားဖို့နှင့်မမျှော်လင့်ဘဲ display ကိုဆက်ကြောင်းရှောင်ရှားရန်, သင့်နောက်ခံပုံဖွင့်လှစ်ခြင်းနှင့်အမြင့်နှင့်အကျယ်၏မှတ်စုတစ်ခုလုပ်ကိုယ့်ကိုကိုယ်ပြင်ဆင်ထားရန်။
သို့ပြုလျှင်သင်၏ hosting အတွက်ပံ့ပိုးပေးရန်သင့်ပုံရိပ်ကို upload ။ image ကိုများအတွက် URL ကိုစမ်းသပ်ရန်; URL ကိုတစ်ဦး typing error တစ်ခုစရာရှိသောကြောင့်ရုပ်ပုံများကိုပြသကြဘူးဘာကြောင့်အသုံးအများဆုံးအကြောင်းရင်းတစ်ခုဖြစ်သည်။
သင်ခြေလှမ်းကိုလက်စသတ်တော့ပြီးနောက်သင်၏စာတမ်းကို၏ခေါင်းအတွက် CSS ကိုစတိုင်ပိတ်ပင်တားဆီးမှုထား:
<စတိုင်အမျိုးအစား = "စာသားကို / css">
- သင့်ရဲ့စားပွဲပေါ်တွင်နောက်ခံအဘို့သင့် CSS ကိုရေးရန်နှင့်စတိုင်ပိတ်ပင်တားဆီးမှုဗိုက်ထဲထည့်:
စားပွဲ {နောက်ခံ: url ( "ပုံရိပ်မှ URL ကို") no-repeat; }
- အဆိုပါ HTML မှာသင့်ရဲ့စားပွဲပေါ်မှာချထားပါ:
ဆဲလ် 1
ဆဲလ် 2
ဆဲလ် 1
ဆဲလ် 2
- image ကို width နဲ့ height ကိုက်ညီဖို့စားပွဲရဲ့ width နဲ့ height သတ်မှတ်မည်။
"width: 400px; အမြင့်: 500px;"> ...
သင့်ရဲ့စားပွဲပေါ်မှာ contents တွေကို image ကိုအမြင့်နှင့်အကျယ်ထက်ပိုကြီးတဲ့မှန်လျှင်, နောက်ခံပုံရိပ်ကွိမျသာပြသပါလိမ့်မယ်။
ရုံတစ်ခုမှာစားပွဲတင်အပေါ်တစ်ဦးနောက်ခံသမိုင်းထားပါ
အထက်ပါညွှန်ကြားချက်များကိုစာမျက်နှာပေါ်တိုင်းစားပွဲပေါ်တူနောက်ခံပုံကိုသတ်မှတ်ပါလိမ့်မယ်။
သငျသညျကိုသာသတ်သတ်မှတ်မှတ်ကျောက်ပြားပေါ်မှာနောက်ခံထားချင်လျှင်, သင်ကလူတန်းစား attribute ကိုသုံးစွဲဖို့လိုအပ်ပါတယ်။
- သင့်ရဲ့ CSS ကိုဖတ်ရှုဖို့ပြောင်းနည်း:
table.background {နောက်ခံ: url ( "ပုံရိပ်မှ URL ကို") no-repeat; }
- အဆိုပါ Add လူတန်းစား သင်နောက်ခံပုံရှိသည်ဖို့ချင်တယ်ဆိုစားပွဲပေါ်မှာနောက်ခံ။ သူတို့အားစားပွဲများအတွက် width နဲ့ height သတ်မှတ်မည်။
ကိုအတန်းအစား = "background ကို" style = "width: 400px; အမြင့်: 500px;> ...
အဆိုပါစားပွဲတင်နောက်ခံပုံရိပ်ထပ်ခါတလဲလဲပါစို့
တစ်ခုလုံးကိုစားပွဲပေါ်မှာဖြည့်ကြောင်းဒါကြောင့်ပိုကြီးတဲ့ကျောက်ပြားကို, သို့မဟုတ်ထိုထက်ပိုသောအကြောင်းအရာများကိုနှင့်အတူစားပွဲ, နောက်ခံထပ်ရှိသည်ဖို့လိုအပ်နိုင်ပါသည်။ image ကို y ကိုဝင်ရိုးသည်က x-ဝင်ရိုးအပေါ်ကို repeat, ဒါမှမဟုတ်နှစ်ဦးစလုံးအပေါ် tiled ကြောင်းဒါကြောင့်သင့် CSS ကိုအတွက်တန်ဖိုးပြောင်းလဲပါ။
နောက်ခံ: url ( "URL ကိုပုံရိပ်မှ") ထပ်,
က default အားဖြင့်ထပ်တန်ဖိုးကို tiled ပါလိမ့်မည်, သင်မူကားလည်း-x ကိုပြန်လုပ်ပါသို့မဟုတ်ပြန်လုပ်-y က tile ကိုမှအလျားလိုက်သို့မဟုတ်ဒေါင်လိုက်အသီးသီးဖို့ထပ်တန်ဖိုးကိုသတ်မှတ်နိုင်သည်။
cell နောက်ခံအရောင်များဟာစားပွဲတင်နောက်ခံပုံရိပ် Block
မဆိုနောက်ခံအရောင်တွေ စားပွဲပေါ်မှာဆဲလ်အပေါ်သတ်မှတ်ထားစားပွဲပေါ်တွင်နောက်ခံပုံဖျက်ရေးသွားမည်။ စားပွဲပေါ်မှာနောက်ခံပုံရိပ်တွေနှင့်အတူပေါင်းစပ်၌သင်တို့၏ဆဲလ်အပေါ်နောက်ခံအရောင်တွေသုံးတဲ့အခါဒီတော့သတိထားပါ။
ထည့်သွင်းစဉ်းစား
စားပွဲတင်နောက်ခံမပါဘဲနောက်ခံစာမျက်နှာကနေသင့်ရဲ့စားပွဲထားမည်။ သို့သော်ဤ technique ကိုအသုံးမပြုမီနှစ်ကြိမ်ထင်ပါတယ်။ (ဥပမာ, အိမ်မွေးတိရစ္ဆာန်ကလေးမွေးစားခြင်းကိုညွှန်ပြနေတဲ့စားပွဲရဲ့နောက်ကွယ်မှာနေတဲ့ကွောငျကလေး၏ရုပ်ပုံထည့်) တစ်ဦးကြားနေပုံရိပ်ကိုစိတ်အာရုံထွေပြားမကျမည်အကြောင်း, ဒါပေမယ့်ရှုပ်ထွေးဓါတ်ပုံတွေကိုချစ်စရာဖြစ်ရည်ရွယ်ထည့်သွင်းခြင်းပရော်ဖက်ရှင်နယ်ပေါ်လာနိုင်ပါသည်နှင့်များ၏ဖတ်နိုင်တဲ့အကျိုးသက်ရောက်စေနိုင်ပါတယ် tabular data တွေအတွက် ။
သင်အသုံးပြုမဆိုပုံရိပ်စနစ်တကျလိုင်စင်ရမည်, သင်က Web ပေါ်မှာဓာတ်ပုံကိုရှာတှေ့နိုငျရုံကွောငျ့, သင်သည်သင်၏ကိုယ်ပိုင်အသုံးပြုရန်အတွက်ကြောင့်သငျ့လျြောနိုငျပါဟုမဆိုလိုပါ။
မူပိုင်ခွင့်ကိုလေးစားပါ!
- image ကို width နဲ့ height ကိုက်ညီဖို့စားပွဲရဲ့ width နဲ့ height သတ်မှတ်မည်။