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

Post a reply


This question is a means of preventing automated form submissions by spambots.
Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is ON
[url] is ON
Smilies are ON

Topic review
   

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

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

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

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

Top