6/06/2554

การสร้า้ง link แบบ เปลี่ยนสี

หากต้องการสร้า้ง link ให้สามารถเปลี่ยนสีตัวอักษรได้เมื่อนำ mouse ไปวางบนตัวอักษร เราสามารถทำได้โดยกำหนด style sheet ดังนี้

<style type="text/css">
a
{
      color:green;
}

a:hover
{
     color:red;
}
</style>
<a href="http://www.google.co.th">Google</a>

จากตัวอย่าง

a
{
      color:green;
}
คือ การกำหนดให้ตัวอักษรของ Hyperlink เป็นสีเขียว

a:hover
{
     color:red;
}

คือ การกำหนดให้เมื่่่อนำ mouse มาวางที่ link แล้ว ตัวอัษรจะเปลี่ยนเป็นสีแดง