บทบาทของ CSS :hover Selector - สไตล์เมื่อเมาส์ชี้

ใช้ CSS :hover selector เพื่อจัดสไตล์ลิงก์เมื่อเมาส์ชี้ (mouse over) ด้วย CSS ลองรันโค้ดด้านล่างเพื่อใช้งาน :hover selector:

ตัวอย่าง

<!DOCTYPE html>
<html>
  <head>
    <style>
      a:hover {
        background-color: orange;
      }
    </style>
  </head>
  <body>
    <a href="https://www.qries.com">Qries</a>
    <p>วางเมาส์บนลิงก์ด้านบนเพื่อดูเอฟเฟกต์</p>
  </body>
</html>