ວິງວາງການສ້າງ: ພາບທີ່ຕິດຕັ້ງບົດເຄິ່ງສະໜາມ
ວິງວາງການສ້າງພາບທີ່ຕິດຕັ້ງບົດເຄິ່ງສະໜາມທີ່ຕິດຕັ້ງບົດເຄິ່ງສະໜາມທັງໝົດທີ່ຕິດຕັ້ງບົດເຄິ່ງສະໜາມ.
ພາບທີ່ຕິດຕັ້ງບົດເຄິ່ງສະໜາມ
ວິງວາງການສ້າງພາບທີ່ຕິດຕັ້ງຄວາມສະຫລາກສະໜາມຂອງຈຸດສະແດງທັງໝົດ. ຄຳທີ່ຖືກສະແດງຢູ່ລັງຈະສະແດງພາບທີ່ຕິດຕັ້ງຄວາມສະຫລາກສະໜາມທັງໝົດ(ແລະທັງໝົດສະໜາມທີ່ຈັບຫນາງ):
ວິງວາງການສ້າງພາບທີ່ຕິດຕັ້ງບົດເຄິ່ງສະໜາມ
ນຳໃຊ້ບັນດາຫຼັກສະນະທີ່ມີສະຫລາກສະໜາມ 100% ເພື່ອຕິດຕັ້ງພາບທີ່ຕິດຕັ້ງບົດ.
ຄຳແນະນຳ:ນຳໃຊ້ 50% ສາມາດສ້າງພາບທີ່ຕິດຕັ້ງບົດເຄິ່ງສະໜາມ. ຫຼັງຈາກນັ້ນນຳໃຊ້ບັນດາບັນດາລັກສະນະພາບທີ່ຕິດຕັ້ງຕາມເພື່ອຂະຫຍາຍພາບໄດ້ບໍ່ບໍ່ບໍ່ດີ:
ເຫັນດີ:ເພື່ອຮັບປະກັນວ່າພາບປົກປັກຄອງຄວາມສະຫລາກສະໜາມຂອງຈຸດສະແດງໄດ້ຮອດຄວາມສະຫລາກສະໜາມຂອງໜ້າຈຸດສະແດງໄດ້ເພື່ອຈະ height: 100% ມີການຕິດຕັ້ງຕາມ <html> ແລະ <body>:
ພາບທີ່ຕິດຕັ້ງບົດແມ່ນ
body, html {
height: 100%;
}
.bg {
/* ພາບທີ່ໃຊ້ */
background-image: url("dancer.jpg");
/* ຂະຫຍາຍສູງທັງໝົດ */
height: 100%;
/* ຂະຫຍາຍບໍ່ດີແລະຂະຫຍາຍພາບບັນຈຸCenter and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
半页背景图像：
.bg {
height: 50%;
}
