讓超連結的文字不出現底線

首頁 > 讓超連結的文字不出現底線

網頁的超連結文字底下一般都會有底線，顏色也有所不同，以便能夠和一般的文字有所區別，但是有時為了畫面的美觀及搭配，不想出現底線時要如何做呢？只要在該連結點中加上以下參數即可。

<A HREF="http://xxx.xxx.xxx" STYLE="text-decoration:none">This is a link</A>

若要整張網頁的超連接都沒有底線，請依照以下範例

<HEAD>

<STYLE>
   
   </STYLE>
</HEAD>

[回前頁]<--這個連結沒底線喔

這些style的指令叫做CSS (Cascading Style Sheets)。以往在網頁中所用的一些標記(tag)，如粗體字<B>、段落<P>、超連結<A>等等，瀏覽器都會自動做出相對應的字體或排版變化，但是我們想要再對字距、行距作更進一步的控制就無能為力了。為此才發展出CSS的語法，他可以讓網頁編寫者對一段文字、一個標記、甚至整個網頁重新設定各項字距、行距、前景、背景、框線等等屬性。

第一個範例 < A STYLE="....."> 就是重新設定目前這個超連結<A>的字型設定，第二個範例 <STYLE></STHLE> 是重新設定這個網頁中所有<A>的字型設定。不過要注意的是可供設定的屬性雖然很多，不過大部分的設定在目前的瀏覽器中仍然是無作用的，同時IE與Netscape支援的程度又各不相同，因此除了一些最基本的設定之外，還是不要用太多。