เว็บเบราเซอร์ทั้งหมดใช้สีเริ่มต้นสำหรับลิงก์ถ้านักออกแบบเว็บไม่ได้ตั้งค่าไว้ พวกเขาเป็น:
- สีลิงก์เริ่มต้น
- สีลิงก์ที่ใช้งาน (เมื่อคลิกเมาส์และจัดไว้เหนือลิงก์)
- สีลิงก์ที่ตามมา (เมื่อลิงก์ถูกคลิกก่อนหน้านี้)
นอกจากนี้ในขณะที่เว็บเบราเซอร์ส่วนใหญ่ไม่ได้เปลี่ยนแปลงค่านี้โดยค่าเริ่มต้นคุณยังสามารถกำหนดสีโฮเวอร์ได้อีกด้วย - สีของลิงก์คือเมื่อเมาส์ถูกยึดไว้
ใช้ CSS เพื่อเปลี่ยนสีลิงก์
ในการเปลี่ยนสีเหล่านี้ใช้ Cascading Style Sheet วิธีที่ง่ายที่สุดในการเปลี่ยนสีลิงก์คือการจัดสไตล์แท็ก:
a {color: black; }
ด้วย CSS นี้เบราว์เซอร์บางประเภทจะเปลี่ยนทุกส่วนของลิงก์ (ใช้งานตามและเลื่อนไป) เป็นสีดำในขณะที่บางส่วนจะเปลี่ยนสีเริ่มต้นเท่านั้น
ใช้ CSS Pseudo-classes เพื่อเปลี่ยนส่วนทั้งหมดของลิงก์
pseudo-class จะแสดงใน CSS ด้วยเครื่องหมาย (:) ก่อนชื่อคลาส สี่ชั้นหลอกส่งผลกระทบต่อการเชื่อมโยง:
หากต้องการเปลี่ยนสีลิงก์เริ่มต้น:
a: link {color: red; }
หากต้องการเปลี่ยนสีที่ใช้งาน:
a: active {color: blue; }
หากต้องการเปลี่ยนสีลิงก์ที่ตามมา:
a: visited {color: purple; }
หากต้องการเปลี่ยนสีของเมาส์ให้ทำดังนี้
การพิจารณา
หลีกเลี่ยงการเขียนทับสีลิงก์เริ่มต้นเพื่อให้ลิงก์หายากขึ้น ตัวอย่างเช่นการเปลี่ยนลิงก์เป็นสีอ่อนมากกับพื้นหลังสีขาวจะส่งผลเสียต่อผู้เยี่ยมชมที่มีความบกพร่องทางสายตา มุ่งเน้นสำหรับสีที่แยกจากกันสำหรับสีที่ใช้งานและสีลิงก์ที่เชื่อมโยงด้วยเพื่อให้แน่ใจว่าผู้เข้าชมไซต์จะไม่สับสนเกี่ยวกับหน้าเว็บที่พวกเขาเข้าชม
