ຕົວທ່ອງເວັບເວັບໄຊຕ໌ທັງຫມົດມີສີສັນເດີມໆທີ່ພວກເຂົາໃຊ້ສໍາລັບການເຊື່ອມຕໍ່ຖ້າ ຜູ້ອອກແບບເວັບ ບໍ່ໄດ້ກໍານົດໃຫ້ເຂົາເຈົ້າ. ພວກເຂົາແມ່ນ:
- ສີເຊື່ອມຕໍ່ເລີ່ມຕົ້ນ
- ສີເຊື່ອມໂຍງທີ່ມີການເຄື່ອນໄຫວ (ໃນເວລາທີ່ຫນູຖືກກົດແລະຖືໃນໄລຍະການເຊື່ອມຕໍ່).
- ສີເຊື່ອມຕໍ່ໄປນີ້ (ເມື່ອເຊື່ອມຕໍ່ໄດ້ຖືກຄລິກກ່ອນຫນ້ານີ້).
ນອກຈາກນີ້, ໃນຂະນະທີ່ຕົວທ່ອງເວັບເວັບສ່ວນໃຫຍ່ບໍ່ປ່ຽນແປງນີ້ໂດຍຄ່າເລີ່ມຕົ້ນ, ທ່ານຍັງສາມາດກໍານົດສີຫມູນວຽນ - ສີທີ່ເຊື່ອມຕໍ່ແມ່ນເມື່ອຫນູຖືກຈັດຂຶ້ນໃນໄລຍະມັນ.
ໃຊ້ CSS ເພື່ອປ່ຽນສີທີ່ເຊື່ອມໂຍງ
ການປ່ຽນແປງສີເຫຼົ່ານີ້, ທ່ານໃຊ້ CSS (ມີບາງ HTML ຄຸນລັກສະນະທີ່ທ່ານສາມາດໃຊ້ໄດ້ເຊັ່ນດຽວກັນ, ແຕ່ຂ້າພະເຈົ້າບໍ່ແນະນໍາໃຫ້ໃຊ້ທຸກຢ່າງທີ່ຖືກປະຕິເສດ). ວິທີທີ່ງ່າຍທີ່ສຸດທີ່ຈະປ່ຽນສີເຊື່ອມໂຍງແມ່ນເພື່ອໃຫ້ ແທັບ :
a {color: black }ດ້ວຍ CSS ນີ້, ບາງຕົວທ່ອງເວັບຈະປ່ຽນທຸກດ້ານຂອງ ການເຊື່ອມໂຍງ (ການເຄື່ອນໄຫວ, ປະຕິບັດຕາມ, ແລະການຍົກຍ້າຍ) ເປັນສີດໍາ, ໃນຂະນະທີ່ຄົນອື່ນຈະປ່ຽນສີເດີມ.
ໃຊ້ CSS Pseudo-classes ເພື່ອປ່ຽນທຸກສ່ວນຂອງການເຊື່ອມຕໍ່
A pseudo-class ແມ່ນສະແດງຢູ່ໃນ CSS ດ້ວຍ colon (:) ກ່ອນ ຊື່ຂອງ class . ມີສີ່ປະເພດ pseudo-class ທີ່ມີຜົນຕໍ່ການເຊື່ອມຕໍ່:
ການປ່ຽນແປງສີເຊື່ອມຕໍ່ເລີ່ມຕົ້ນ:
a: link {color: red }ເພື່ອປ່ຽນສີທີ່ໃຊ້ວຽກ:
a: active {color: blue }ການປ່ຽນແປງສີເຊື່ອມຕໍ່ດັ່ງຕໍ່ໄປນີ້:
a: visited {color: purple }ການປ່ຽນແປງຫນູໃນໄລຍະສີ:
a: hover {color: green }