ຮູບພາບພື້ນຫລັງຂອງຮ່າງກາຍເຮັດໄດ້ຢ່າງງ່າຍດາຍ

html

ຄຸນລັກສະນະທີ່ດີທີ່ທ່ານຈະພົບເຫັນຢູ່ໃນຫລາຍໆເວັບໄຊທ໌້ແມ່ນບ່ອນທີ່ເນື້ອຫາຂອງສູນກາງປະກົດວ່າປົກປິດ ໜ້າ ເວັບດ້ວຍເງົາທີ່ຢູ່ເບື້ອງຫລັງ. ຕົວຈິງແລ້ວມັນແມ່ນວິທີທີ່ງ່າຍດາຍທີ່ຈະເຮັດໃຫ້ບລັອກຂອງທ່ານງາມ (ຫລືເວັບໄຊທ໌ອື່ນໆ) ດ້ວຍຮູບພາບພື້ນຫລັງດຽວ.

ເຮັດໄດ້ແນວໃດ?

  1. ສະແດງເນື້ອຫາຂອງທ່ານກວ້າງເທົ່າໃດ. ຕົວຢ່າງ: 750px.
  2. ສ້າງຮູບພາບໃນໂປແກຼມສະແດງພາບຂອງທ່ານ (ຂ້ອຍໃຊ້ Illustrator) ກວ້າງກວ່າເນື້ອທີ່. ຕົວຢ່າງ: 800px.
  3. ກຳ ນົດພື້ນຫລັງຂອງຮູບໃຫ້ເປັນພື້ນຫລັງທີ່ທ່ານຕ້ອງການຈະມີໃນແຕ່ລະດ້ານຂອງ blog.
  4. ຕື່ມພື້ນທີ່ສີຂາວໃສ່ພື້ນຫລັງ.
  5. ໃສ່ເງົາໃນພື້ນທີ່ສີຂາວທີ່ແຜ່ລາມອອກມາຈາກທັງສອງພາກພື້ນ.
  6. ກຳ ນົດພື້ນທີ່ປູກພືດໃຫ້ກວ້າງ 1 pixels. ນີ້ຈະເຮັດໃຫ້ຮູບພາບດາວໂຫລດງາມແລະກະທັດຮັດ ສຳ ລັບການສະແດງຜົນໄວ.
  7. ຜົນໄດ້ຮັບຮູບພາບ.

ນີ້ແມ່ນວິທີທີ່ຂ້ອຍສ້າງມັນໂດຍໃຊ້ Illustrator (ໃຫ້ສັງເກດວ່າຂ້ອຍມີເນື້ອທີ່ປູກສູງຫຼາຍ ... ນັ້ນເປັນພຽງແຕ່ທ່ານສາມາດເຫັນສິ່ງທີ່ຂ້ອຍ ກຳ ລັງເຮັດຢູ່):
ຄວາມເປັນມາກັບ Illustrator

ນີ້ແມ່ນຕົວຢ່າງຂອງວິທີການທີ່ຜົນຜະລິດຈະເບິ່ງກັບພາບພື້ນຫລັງ:
ຕົວຢ່າງຂອງຮູບພາບພື້ນຫລັງ

ນີ້ແມ່ນວິທີການ ນຳ ໃຊ້ຮູບພາບໂດຍໃຊ້ປ້າຍຮູບຮ່າງຂອງຮ່າງກາຍຂອງທ່ານໃນຂອງທ່ານ CSS ຍື່ນ.

ພື້ນຫລັງ: # B2B2B2 url ('ຮູບພາບ / bg.gif') ຊ້ ຳ ອີກສູນ;

ນີ້ແມ່ນການແບ່ງປັນຂອງຮູບແບບພື້ນຫລັງ:

  • # B2B2B2 - ຕັ້ງສີພື້ນຫລັງໂດຍລວມຂອງ ໜ້າ. ໃນຕົວຢ່າງນີ້, ມັນ ເໝາະ ສົມກັບສີເທົາໃນພື້ນຫລັງ.
  • url ('images / bg.gif') - ກຳ ນົດຮູບພື້ນຫລັງທີ່ທ່ານຕ້ອງການໃຊ້.
  • repeat-y - ຕັ້ງຮູບເພື່ອເຮັດເລື້ມຄືນໃນແກນ y. ດັ່ງນັ້ນຮູບພາບພື້ນຫລັງຈະເຮັດເລື້ມຄືນຈາກດ້ານເທິງຫາລຸ່ມສຸດຂອງ ໜ້າ.
  • center - ຕັ້ງຮູບຢູ່ໃຈກາງຂອງ ໜ້າ.

ງາມແລະງ່າຍ…ຮູບພາບ ໜຶ່ງ, ປ້າຍຊື່ແບບ ໜຶ່ງ!

2 ຄໍາເຫັນ

  1. 1
  2. 2

ທ່ານຄິດແນວໃດ?

ເວັບໄຊທ໌ນີ້ໃຊ້ Akismet ເພື່ອຫຼຸດຜ່ອນການຂີ້ເຫຍື້ອ. ຮຽນຮູ້ວິທີທີ່ຂໍ້ມູນຂອງທ່ານຖືກປະຕິບັດ.