การเปลี่ยนสีของลิงค์เมื่อเลื่อนเม้าส์ไปที่ลิงค์ใน HTML

การเปลี่ยนสีของลิงค์เมื่อผู้เยี่ยมชมเลื่อนผ่านลิงค์เป็นวิธีที่ดีในการช่วยระบุสิ่งที่สามารถคลิกได้บนหน้าเว็บหรือบล็อกของคุณ ในการเปลี่ยนสีลิงค์ของหน้าให้ใช้โค้ดด้านล่างนี้ในส่วนของ HTML หรือในโค้ด CSS สำหรับหน้าเว็บของคุณ

ตัวอย่างด้านล่างคือวิธีการเปลี่ยนคุณสมบัติลิงค์ของหน้าเว็บของคุณใน CSS หากคุณต้องการเปลี่ยนสีของลิงค์เมื่อเลื่อนเมาส์ไปที่ลิงค์คุณจะต้องใช้บรรทัด A: hover

 A: ลิงค์ {COLOR: black; การตกแต่งข้อความ: ไม่มี; font-weight: normal} A: เยี่ยมชม {COLOR: black; การตกแต่งข้อความ: ไม่มี; font-weight: normal} A: active {COLOR: black; TEXT-DECORATION: none} 

A: โฮเวอร์ {COLOR: blue; การตกแต่งข้อความ: ไม่มี; น้ำหนักตัวอักษร: ไม่มี}

โฮเวอร์ - ตัวเลือกโฮเวอร์คือสีที่ข้อความจะเปลี่ยนเป็นเมื่อเมาส์อยู่เหนือลิงก์ ในตัวอย่างนี้ลิงก์จะเปลี่ยนเป็นสีน้ำเงินเมื่อเคอร์เซอร์ของเมาส์วางอยู่เหนือลิงก์

เคล็ดลับ: รหัส CSS นี้สามารถแทรกลงในไฟล์ CSS ภายนอกที่สามารถโหลดได้จากทุกหน้าเว็บ