CSS ลบเส้นใต้ Link ของแท็ก a HTML

สอนภาษา 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