ຮຽນຮູ້ເພື່ອປັບປຸງເບິ່ງຂອງເວັບໄຊທ໌ຂອງທ່ານ
ຮຽນຮູ້ວິທີການແບບຟອມທີ່ມີ CSS ແມ່ນເປັນວິທີທີ່ດີທີ່ຈະປັບປຸງເບິ່ງຂອງເວັບໄຊທ໌ຂອງທ່ານ. ແບບຟອມ HTML ແມ່ນຂື້ນຢູ່ໃນບັນດາສິ່ງທີ່ອຶດອັດທີ່ສຸດໃນຫນ້າເວັບຕ່າງໆ. ພວກເຂົາເຈົ້າມັກມັກຫນ້າເບື່ອແລະເປັນປະໂຫຍດແລະບໍ່ໃຫ້ຫຼາຍໃນແບບຂອງແບບ.
ມີ CSS, ທີ່ສາມາດປ່ຽນແປງ. ການສົມທົບ CSS ດ້ວຍແບບຟອມຮູບແບບທີ່ກ້າວຫນ້າທາງດ້ານສາມາດສົ່ງແບບຟອມງາມບາງຢ່າງ.
ປ່ຽນສີ
ເຊັ່ນດຽວກັນກັບຂໍ້ຄວາມ, ທ່ານສາມາດປ່ຽນສີຫນ້າຕາແລະສີພື້ນຖານຂອງອົງປະກອບແບບຟອມ.
ວິທີງ່າຍໆທີ່ຈະປ່ຽນສີພື້ນຫລັງຂອງອົງປະກອບຮູບແບບເກືອບທຸກແມ່ນໃຊ້ຄຸນສົມບັດສີພື້ນຫລັງໃສ່ແທໍກໃສ່. ຕົວຢ່າງເຊັ່ນ, ລະຫັດນີ້ໃຊ້ສີພື້ນຫລັງສີຟ້າ (# 9cf) ໃນອົງປະກອບທັງຫມົດ.
input {
ພື້ນຫລັງສີ: # 9cf;
ສີ: # 000;
}
ເພື່ອປ່ຽນສີພື້ນຫລັງຂອງອົງປະກອບແບບຟອມເສພາະບາງ, ພຽງແຕ່ເພີ່ມ textarea ແລະເລືອກຮູບແບບ. ຍົກຕົວຢ່າງ:
input, textarea, ເລືອກ {
ພື້ນຫລັງສີ: # 9cf;
ສີ: # 000;
}
ໃຫ້ແນ່ໃຈວ່າປ່ຽນສີຂໍ້ຄວາມຖ້າທ່ານເຮັດສີພື້ນຫລັງຂອງທ່ານ. ສີທີ່ກົງກັນຂ້າມ ຊ່ວຍໃຫ້ອົງປະກອບແບບຟອມອ່ານໄດ້ງ່າຍຂຶ້ນ. ສໍາລັບຕົວຢ່າງ, ຂໍ້ຄວາມກ່ຽວກັບສີພື້ນຫລັງສີແດງຊ້ໍາແມ່ນອ່ານໄດ້ງ່າຍຂຶ້ນຖ້າສີຂໍ້ຄວາມແມ່ນສີຂາວ. ຕົວຢ່າງເຊັ່ນ, ລະຫັດນີ້ເຮັດໃຫ້ຂໍ້ຄວາມຂາວທີ່ມີຄວາມເປັນສີແດງ.
input, textarea, ເລືອກ {
ພື້ນຫລັງສີ: # c00;
color: #fff
}
ທ່ານຍັງສາມາດໃສ່ສີພື້ນຖານໃນຮູບແບບຂອງຕົວມັນເອງໄດ້. ຈົ່ງຈື່ໄວ້ວ່າຕາຕະລາງແບບຟອມແມ່ນ ອົງປະກອບບລັອກ , ດັ່ງນັ້ນສີເຕັມໄປໃນຮູບສີ່ຫລ່ຽມທັງຫມົດ, ບໍ່ພຽງແຕ່ສະຖານທີ່ຂອງອົງປະກອບເທົ່ານັ້ນ.
ທ່ານສາມາດເພີ່ມພື້ນຖານສີເຫຼືອງໃຫ້ອົງປະກອບຕັນເພື່ອເຮັດໃຫ້ພື້ນທີ່ໂດດເດັ່ນເຊັ່ນນີ້:
form {
background-color: #ffc;
}
Add Borders
ເຊັ່ນດຽວກັນກັບສີ, ທ່ານສາມາດປ່ຽນຂອບຂອງອົງປະກອບຮູບແບບຕ່າງໆ. ທ່ານສາມາດເພີ່ມຊາຍແດນດຽວທົ່ວຮູບແບບທັງຫມົດ. ໃຫ້ແນ່ໃຈວ່າຈະເພີ່ມຂື້ນ, ຫຼືອົງປະກອບແບບຟອມຂອງທ່ານຈະຖືກຕິດຂັດຂວາງຢູ່ໃກ້ຊາຍແດນ.
ນີ້ແມ່ນຕົວຢ່າງຂອງລະຫັດສໍາລັບເສັ້ນຂອບສີດໍາ 1 ພິກເຊລທີ່ມີ 5 pixel ຂອງ padding:
form {
border: 1px solid # 000
padding: 5px
}
ທ່ານສາມາດເຮັດໃຫ້ຊາຍແດນໃກ້ຄຽງຫຼາຍກວ່າຮູບແບບຕົວຂອງມັນເອງ. ປ່ຽນຂອບຂອງລາຍການປະກອບເພື່ອເຮັດໃຫ້ພວກເຂົາໂດດເດັ່ນ:
input {
border: 2px dashed # c00
}
ຈົ່ງລະມັດລະວັງເມື່ອທ່ານວາງຂອບທີ່ໃສ່ກ່ອງຂໍ້ມູນຍ້ອນວ່າພວກເຂົາເບິ່ງບໍ່ຄືກັບປ້ອນຂໍ້ມູນຫຼັງຈາກນັ້ນ, ແລະບາງຄົນອາດບໍ່ຮູ້ວ່າພວກເຂົາສາມາດຕື່ມແບບຟອມ.
ສົມທົບລັກສະນະແບບ
ໂດຍການລວມເອົາຮູບແບບຂອງຮູບແບບຂອງທ່ານກັບຄວາມຄິດແລະບາງ CSS, ທ່ານສາມາດສ້າງແບບຟອມທີ່ດີງາມທີ່ສົມບູນແບບການອອກແບບແລະຮູບຮ່າງຂອງເວັບໄຊທ໌ຂອງທ່ານ.