Devdit
 

cursor pointer คืออะไร ใช้ทำอะไร

2.8K

cursor pointer คือคำสั่งเปลี่ยนการแสดงผลของเมาส์จากลูกศร (cursor: default) เป็นรูปเมาส์แบบมือชี้ รูปเดียวกับเวลานำเมาส์ไปชี้ลิงก์ URL ต่างๆ ตัวอย่างสอนการใช้ cursor pointer ของ CSS สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง cursor pointer คืออะไร ใช้ทำอะไร

<style>
    .btn {
        cursor: pointer;
    }
</style>
<input type="button" class="btn" value="ปุ่มกด">

คำอธิบาย

cursor pointer CSS จากตัวอย่างสร้าง class .btn กำหนด cursor: pointer จากนั้นนำ .btn ไปใช้กับ input type="button" ทำให้เมื่อผู้ใช้งานนำเมาส์ไปชี้ที่ปุ่มดังกล่าว ตัวเมาส์จะเปลี่ยนจากลูกศรที่เป็นค่าปกติ เป็นรูปเมาส์แบบมือชี้แทนผ่านคำสั่ง cursor pointer ของภาษา CSS

เขียน 1 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ