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