! แจกของแต่ง โค้ด และสอนวิธีตกแต่ง ทุกอย่าง !

ลำดับตอนที่ #118 : :: Q + A,Code :: ชี้ลิงค์แล้วเน้นข้อความ(ไฮไลท์อะจ้า...) [โค้ดดิบ+วิธีแปลงโค้ด]

เอาโค้ดดิบไปก่อนนะ ^^

<style>
a:hover { color:#โค้ดสีตัวอักษรที่ถูกhightlight;
text-decoration:none; background:#โค้ดสีที่highlight;}
</style>


โค้ดนี้ใช้ง่ายมากมาย...  ดูวิธีแปลงกันเลย!

ตัวสีแดง  ก็คือสีของลิงค์นั้นๆเมื่อถูกชี้...   หรือจะเรียกได้ว่า     โค้ดสีตัวอักษรบน ไฮไลท์ก็ได้จ้ะ ^^

ตัวสีน้ำเงิน  ก็คือสีของไฮไลท์บนตัวอักษรจ้ะ...


ตัวอย่าง

สำหรับในหน้านี้....  เราได้ให้ ตัวสีน้ำเงิน  หรือโค้ดสีที่ highlight  เป็นสีเหลืองจ้า...   ส่วนตัวสีแดง หรือ โค้ดสีตัวอักษรที่ถูกไฮไลท์....  เป็นสีขาวเน้อ~

ลองชี้ลิงค์ดูได้เลย!


[ถ้าชอบก็ก๊อปโค้ดข้างล่างไปใช้ได้จ้ะ...]

Z N