TIP : การตกแต่ง link โดยใส่เส้นใต้ "text-decoration"

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

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

thatsawan
PHP VIP Members
PHP VIP Members
Posts: 19351
Joined: 31/03/2014 10:02 am
Contact:

TIP : การตกแต่ง link โดยใส่เส้นใต้ "text-decoration"

Post by thatsawan » 11/03/2015 10:12 pm

TIP : การตกแต่ง link โดยใส่เส้นใต้ "text-decoration"
text-decoration เป็นหนึ่งในคำสั่งที่มีไว้สำหรับจัดการกับข้อความ โดยในบทความนี้จะขอยกตัวอย่างในการใส่เส้นใต้สำหรับ link ต่างๆ

_____________________________________________________________________________________________
บทความนี้เเป็นบทความที่จัดทำขึ้นเพื่อเนะนำเครื่องมือช่วยสำหรับนักพัฒนา CSS ซึ่งเป็นความรู้พื้นฐานในการพัฒนา JavaScrip, JQuery หรือเเม้กระทั้ง Ajax ต่อไป ทั้งนี้สามารถดูรายละเอียด TIP ต่างๆ ได้ที่นี่ค่ะ เเละขอเเนะนำความรู้ที่เกี่ยวข้องกับโดยสามารถศึกษาได้จากบทเรียน CSS ได้ที่นี่ เพื่อเพิ่มความเข้าใจในการใช้งานเครื่องมือต่างๆ ค่ะ
_____________________________________________________________________________________________


เริ่มกันเลย !!
2015-03-11_22-01-37.png
2015-03-11_22-01-37.png (72.18 KiB) Viewed 553 times
ในส่วนของตัวอย่างที่ 1 : คือคำสั่งที่จะไม่ทำการอันใดๆ (เเล้วใส่ทำไมล่ะ !! ใส่เพื่อถ้ามีส่วนอื่นๆ คลุ่ม อยู่เเล้วเราจะให้ Class นี้ไม่ได้ เราก็ต้องมาใช้คำสั่งนี้จัดการมันซะ!)
2015-03-11_22-05-20.png
2015-03-11_22-05-20.png (78.96 KiB) Viewed 553 times
ในส่วนของตัวอย่างที่ 2 : คือคำสั่งที่จะให้แสดงเส้นใต้ ดังรูปเลยค่ะ
2015-03-11_22-12-01.png
2015-03-11_22-12-01.png (46.64 KiB) Viewed 553 times
ในส่วนของตัวอย่างที่ 3 : คือคำสั่งที่จะให้แสดงเส้นขีดทับบนข้อความ ดังรูปเลยค่ะ

Return to “CSS Knowledge”

Who is online

Users browsing this forum: bankjittapol and 13 guests