修改超連結顏色

修改超連結的顏色通常可以讓網頁內的超連結較為符合整體的網頁設計風格,早期常見的網頁內超連結,會採用預設的藍色顯示,閱讀過的超連結則是用紫色顯示,隨著網頁設計水準的提升,單就這樣的預設顏色,幾乎難以滿足高水準的設計風格,本篇將提供兩種不同的方式,來修改網頁超連結的顏色,都是 CSS 的技巧,這也是多數設計師會採用的方式,絕大多數的主流瀏覽器都支援以下範例。

修改超連結顏色方法一、直接在 <a> 標籤內修改
<a href="#" style="color:red;">修改超連結顏色為紅色</a>
以上寫法將輸出直些在 <a> 標籤內修改顏色是比較簡單的一種方式,也是執行順序最高的一種,語法中的『style="color:red"』就是規定此條超連結的顏色為紅色,從《色碼表》裡還可以找到更多的顏色,當設計師把整個網頁的超連結顏色統一設計為某一種顏色,但其中幾條超連結必須使用不同的顏色,就可以使用這樣的技巧,瀏覽器會以 <a> 標籤內的顏色為優先顯示

修改超連結顏色方法二、另外寫 CSS 來修改,全網頁
<style>
a {
    color:green;
}
</style>
<a href="#">修改超連結顏色為綠色</a>
以上寫法將輸出第二種方法是在 <style> 標籤裡,另外寫 CSS 語法來管理網頁超連結的顏色,語法中 a 開頭的意思代表要設計「a href」的樣式,也就是網頁內超連結的樣式,其中『color:green』代表除了有額外設計顏色的超連結之外,其他所有超連結顏色都是綠色,同樣可以在《色碼表》找到其他顏色來取代,這樣的寫法適合一次管理整個網頁內的所有超連結,是許多大型商業網站會採用的方法。

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012