สอนภาษา CSS เขียนโค้ดลบเส้นใต้ Link ของแท็ก a ภาษา HTML โดยบทความนี้จะแนะนำคำสั่ง text-decoration กำหนดค่าเป็น none ของภาษา CSS จะทำให้ลบเส้นใต้ Link ออก สามารถเขียนโปรแกรมได้ดังนี้
ตัวอย่างที่ 1 CSS ลบเส้นใต้ Link ของแท็ก a HTML
<style>
a {
text-decoration: none;
}
</style>
<a href="https://www.devdit.com/">devdit.com CSS ลบเส้นใต้ Link</a>
ตัวอย่างที่ 2 CSS ลบเส้นใต้ Link ของแท็ก a HTML
<a href="https://www.devdit.com/" style="text-decoration: none;">devdit.com CSS ลบเส้นใต้ Link</a>
โค้ดด้านบนใช้คำสั่ง text-decoration: none กับแท็ก a มีผลทำให้เกิดการลบเส้นใต้ออกจาก Link ของแท็ก a ภาษา HTML โดยคำสั่ง text-decoration: none สามารถกำหนดผ่าน attribute style ของ HTML ได้เหมือนกันดังตัวอย่างที่ 2