範例一、隱藏單一超連結底線
<a href="#" style="text-decoration:none;">隱藏超連結底線範例</a>
以上範例輸出結果範例一的做法比較單純，屬於一次處理一條連結的方式，雖然這個方法比較花時間，卻是瀏覽器優先選擇的顯示方式，例如將整個網頁的超連結透過 CSS 語法規定都要顯示底線，設計師依然可以透過這個方法單獨將其中一條的底線隱藏，缺點是無法呈現滑鼠移經自動出現底線的效果，若有這樣的需求，可以參考此篇：用 CSS 設計當滑鼠移經超連結時才顯示底線。範例二、隱藏整個網頁的超連結底線
<style>
a {
text-decoration:none;
}
</style>
<a href="#">隱藏超連結底線範例</a>
以上範例輸出結果範例二就屬於整體管理的設計技巧，在 <style> 標籤內規定 a 屬性的所有底線都要隱藏，可以直接全面管理整個網頁的超連結底線，置於隱藏的語法就是『text-decoration:none』這個部分，參數值 none 代表不顯示底線，text-decoration 還有其他種餐數，用來設計出上線、刪除線等效果，若有興趣，請參閱此篇：CSS text-decoration 將有完整的介紹。a {
text-decoration:none;
}
</style>
<a href="#">隱藏超連結底線範例</a>
延伸閱讀