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

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

M008
PHP Hero Member
PHP Hero Member
Posts: 109
Joined: 03/05/2013 10:44 am

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

Post by M008 » 20/05/2013 7:25 pm

ชี้เมาส์แล้วฟอนต์เปลี่ยนสี
รูปด้านบนเป็นรูป texe สีเดิม
รูปด้านล่าง เป็น text สีที่ต้องการให้เปลี่ยน
Mouse Over.jpg
Mouse Over.jpg (35.78 KiB) Viewed 6649 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 6649 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>

  • Similar Topics
    Replies
    Views
    Last post

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 30 guests