อยากทำลิงค์ตัวอักษรลักษณะนี้ทำงัยครับ แบบว่าพอลากเม้าส์มาแล้วค่อยให้มีเส้น แล้วเม้าส์ก็เปลี่ยนเป็นรูปมือครับ  ตัวอย่าง

http://www.vibhavadi.com/web/medical.php

เป็นการใช้งาน CSS อย่างง่ายครับ ลองดูคัวอย่างนะครับ

<style type="text/css">
a:link, a:visited {
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

.link a:link, .link a:visited {
  text-decoration:none;
  color:black;
}

.link a:hover {
  text-decoration:underline;
  color:red;
}
</style>

จากตัวอย่างคุณสามารถนำไปใช้งานได้โดย

<a href="">some text here</a> // อันนี้เป็นการอ้างถึง link style global ซึ่งสถานะปกติเป็นสีน้ำเงินไม่มีเส้นใต้ เมื่อ mouseover จะเป็นสีแดงมีเส้นใต้

<span class="link"><a href="">some text here</a></span> // อันนี้เป็นการอ้างถึง link style class link ซึ่งเมื่อสถานะปกติเป็นสีดำไม่มีเส้นใต้ และเมื่อ mouseover จะเป็นสีแดงมีเส้นใต้ครับ

การเขียน stylesheet นั้นในสถานะของ object link แล้วจะมี 4 สถานะครับ

1. link เป็นสถานะปกติของลิงค์
2. visited เป็นสถานะของลิงค์ที่ browser เคยเข้าไปมาแล้ว
3. hover เป็นสถานะเมื่อ mouseover บนลิงค์นั้นๆ
4. active เป็นสถานะเมื่อมีการคลิ๊กที่ลิงค์นั้นๆ

โดยการเขียน stylesheet นั้นต้องเรียงลำดับสถานะตามข้างต้นด้วยครับ ไม่อย่างนั้นจะมีการแสดงผลไม่ถูกต้องตามที่เขียนไว้ครับ และจากตัวอย่างจะเห็นว่าสามารถเขียนสถานะของลิงค์ให้กับ class หรือ entity ให้แตกต่างจากลิงค์ global ได้ครับ

ขอบคุณมาก ๆ ครับ......เยี่ยมเลย