โดย 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 (72.18 KiB) Viewed 953 times
ในส่วนของตัวอย่างที่ 1 : คือคำสั่งที่จะไม่ทำการอันใดๆ (เเล้วใส่ทำไมล่ะ !! ใส่เพื่อถ้ามีส่วนอื่นๆ คลุ่ม อยู่เเล้วเราจะให้ Class นี้ไม่ได้ เราก็ต้องมาใช้คำสั่งนี้จัดการมันซะ!)
- 2015-03-11_22-05-20.png (78.96 KiB) Viewed 953 times
ในส่วนของตัวอย่างที่ 2 : คือคำสั่งที่จะให้แสดงเส้นใต้ ดังรูปเลยค่ะ
- 2015-03-11_22-12-01.png (46.64 KiB) Viewed 953 times
ในส่วนของตัวอย่างที่ 3 : คือคำสั่งที่จะให้แสดงเส้นขีดทับบนข้อความ ดังรูปเลยค่ะ
[size=150][b][color=#0000FF]TIP : การตกแต่ง link โดยใส่เส้นใต้ "text-decoration"[/color][/b][/size]
text-decoration เป็นหนึ่งในคำสั่งที่มีไว้สำหรับจัดการกับข้อความ โดยในบทความนี้จะขอยกตัวอย่างในการใส่เส้นใต้สำหรับ link ต่างๆ
[color=#FF00BF][i]
_____________________________________________________________________________________________
บทความนี้เเป็นบทความที่จัดทำขึ้นเพื่อเนะนำเครื่องมือช่วยสำหรับนักพัฒนา CSS ซึ่งเป็นความรู้พื้นฐานในการพัฒนา [url=https://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%AA%E0%B8%AD%E0%B8%99-javascript.html]JavaScrip[/url], [url=https://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%AA%E0%B8%AD%E0%B8%99-jquery.html]JQuery[/url] หรือเเม้กระทั้ง [url=https://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%AA%E0%B8%AD%E0%B8%99-ajax.html]Ajax[/url] ต่อไป [url=https://www.mindphp.com/forums/viewtopic.php?f=73&t=25876]ทั้งนี้สามารถดูรายละเอียด TIP ต่างๆ ได้ที่นี่[/url]ค่ะ เเละขอเเนะนำความรู้ที่เกี่ยวข้องกับ[url=https://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%9A%E0%B8%97%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99-css.html]โดยสามารถศึกษาได้จากบทเรียน CSS ได้ที่นี่[/url] เพื่อเพิ่มความเข้าใจในการใช้งานเครื่องมือต่างๆ ค่ะ
_____________________________________________________________________________________________[/color][/i]
เริ่มกันเลย !!
[attachment=0]2015-03-11_22-01-37.png[/attachment]
ในส่วนของตัวอย่างที่ 1 : คือคำสั่งที่จะไม่ทำการอันใดๆ (เเล้วใส่ทำไมล่ะ !! ใส่เพื่อถ้ามีส่วนอื่นๆ คลุ่ม อยู่เเล้วเราจะให้ Class นี้ไม่ได้ เราก็ต้องมาใช้คำสั่งนี้จัดการมันซะ!)
[attachment=1]2015-03-11_22-05-20.png[/attachment]
ในส่วนของตัวอย่างที่ 2 : คือคำสั่งที่จะให้แสดงเส้นใต้ ดังรูปเลยค่ะ
[attachment=2]2015-03-11_22-12-01.png[/attachment]
ในส่วนของตัวอย่างที่ 3 : คือคำสั่งที่จะให้แสดงเส้นขีดทับบนข้อความ ดังรูปเลยค่ะ