အပိုင်းအဝါ တစ်ခုလုံး ကို ဖန်တီးခြင်း

အပိုင်းအဝါ တစ်ခုလုံး ပြင်ပန်း ပုံ ကို ပြင်ပန်း အော်ပရိတ် ကျယ်ပြီး အား ကြိုးပမ်း ဖို့ အသုံးပြုပါ

ပုံ အပိုင်းအဝါ တစ်ခုလုံး

အပိုင်းအဝါ တစ်ခုလုံး ပြင်ပန်း ပုံ ကို ပြင်ပန်း အော်ပရိတ် ကျယ်ပြီး အား ကြိုးပမ်း ဖို့ အသုံးပြုပါ၊ အော်ပရိတ် တစ်ခုလုံး ပြင်ပန်း ပုံ နှင့် အော်ပရိတ် တစ်ခုလုံး ပြင်ပန်း ပုံ ကို တစ်ခုလုံး ပြင်ပန်း ပုံ ကို ပြင်ပန်း ပုံ အော်ပရိတ် အား ကြိုးပမ်း ဖို့

ပြသ - ပုံ အပိုင်းအဝါ တစ်ခုလုံး

ပြသ - ပုံ အပိုင်းအဝါ တစ်ခုလုံး

ပုံ အပိုင်းအဝါ တစ်ခုလုံး ကို ဖန်တီးခြင်း

အသုံးပြု ကန်အမှုထမ်း အစိတ်အခုံ တစ်ခု ကို အပိုင်းအဝါ 100% အား ပြင်ပန်း ပုံ တစ်ခု အပြင် ပြီး အသုံးပြုပါ

အကြောင်းအရာအသုံးပြု 50% နှင့် ပုံ တစ်ခုလုံး ပြင်ပန်း ပုံများ ကို တစ်ခုချင်းစီ ပြင်ပန်း အော်ပရိတ် အား တစ်ခုချင်းစီ အပိုင်းအဝါ တူကျယ် လျှက်ပြီး လျှက်ပြီး ဖို့

ဖော်ပြချက်ပုံ အပိုင်းအဝါ တစ်ခုလုံး ပြင်ပန်း အော်ပရိတ် အား အပိုင်းအဝါ တစ်ခုလုံး ပြင်ပန်း အော်ပရိတ် ကို ကျယ်ပြီး လျှက်ပြီး ဖို့ height: 100% တူညီအောင် အသုံးပြု <html> နှင့် <body>:

ပိုင်းစံ ပြင်ပန်း ပုံများ

body, html {
  height: 100%;
}
.bg {
  /* အသုံးပြုသော ပုံ */
  background-image: url("dancer.jpg");
  /* ပိုင်းအရှည်လျှင် */
  height: 100%;
  /* သို့မဟုတ် တစ်ခုချင်းသာ ရှိသော ပုံကို စိတ်ပိုင်းနှင့် အနှံ့အရှား တူအောင် ကျယ်ပြီး လျှက်ပြီး */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

亲自试一试

半页背景图像:

.bg {
    height: 50%;
}

亲自试一试