Page 1 of 1

CSS Mouse Over สลับสี+ใส่พื้นหลัง ตัวอักษรเมื่อชี้เมาส์

Posted: 20/05/2013 7:25 pm
by M008
ชี้เมาส์แล้วฟอนต์เปลี่ยนสี
รูปด้านบนเป็นรูป texe สีเดิม
รูปด้านล่าง เป็น text สีที่ต้องการให้เปลี่ยน
Mouse Over.jpg
Mouse Over.jpg (35.78 KiB) Viewed 6545 times


CSS :

Code: Select all

a.pagelink:hover {
color: #89df15; /* โค้ดสีที่ต้องการให้เปลี่ยน */
text-decoration: none;
}

HTML :

Code: Select all

<a class="pagelink" href="http://www.mindphp.com/">mindphp.com</a>

คำอธิบายรูปภาพ
href="https://www.mindphp.com/" << สามารถเปลี่ยนเป็นลิงค์ที่ต้องการจะลิงค์ไปเมื่อคลิ๊กได้

ตัวอย่างชี้เมาส์แล้วมีพื้นหลังสีเหลือง
Mouse Over2.jpg
Mouse Over2.jpg (35.68 KiB) Viewed 6545 times


CSS :

Code: Select all

a.linkhover:hover {
text-decoration: none;
background-color:yellow; /* โค๊ดสีพื้นหลัง */
}

HTML :

Code: Select all

<a class="linkhover" href="http://www.mindphp.com">mindphp.com</a>