Devdit
 

CSS เมาส์ชี้เปลี่ยนสี ด้วยคำสั่ง hover และ color

3.1K

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

 

ตัวอย่าง CSS เมาส์ชี้เปลี่ยนสี ด้วยคำสั่ง hover และ color

<style>
    a:hover {
        color: green;
    }
</style>
<a href="#">อ่านต่อ</a>

คำอธิบาย

CSS เมาส์ชี้เปลี่ยนสี ใช้คำสั่ง a:hover ใน CSS หมายความถ้าผู้ใช้งานนำเมาส์ไปชี้ที่ลิงก์ของแท็ก a จะเรียกใช้คำสั่ง color: green คือเปลี่ยนสีลิงก์เป็นสีเขียว (green)

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