說說網站制作中鏈接字體顏色的設置

作者：佚名   時間：2014-09-15   分享到：

最近，一些初學網站建設的朋友問起了關于連接字體顏色的設置方面的問題。這些都是筆者在初學網站設計的時候遇到的，筆者回憶總結了下，供廣大網站建設行業的新手朋友們參考。

1，網站鏈接字體樣式

我們知道，鏈接樣式分為下面的四種：添加鏈接link,visted,hover,active.

我們要定義頁面的鏈接樣式，所以其中必不可少的就是超級鏈接中的錨標簽--a，錨標簽和偽類鏈接起來書寫的方法就是定義鏈接樣式的基礎方法，它們的寫法如下：
a:link，定義正常鏈接的樣式，很多朋友發現添加鏈接后，原來文本的顏色會變，原因稍后再說；
a:visited，定義已訪問過鏈接的樣式，這里我們主要用來定義已經點擊后的鏈接文本的顏色；
a:hover，定義鼠標懸浮在鏈接上時的樣式；
a:active，定義鼠標點擊鏈接時的樣式，也就是鼠標按下去的時候，鏈接顏色的變化。

2，整頁的鏈接樣式設置

做網站的時候，我們一般在頁面屬性里面進行添加，我們網站制作一般使用的是DW等網站設計軟件，我們在設計視窗的下面找到頁面屬性-分類里面找到鏈接-然后在右邊就可以設置我們需要的顏色了。這樣做很直觀而且我們的設計工具說明的也很詳細。我們根據上面的說明進行設置就可以了。如果代碼學的好的話，我們在CSS里面直接寫相關的代碼就可以了。不過這樣問題就來了，往往我們發現在我們設置好整個頁面的鏈接樣式屬性之后，整個頁面所有有鏈接的部分的字體顏色都會變化。所以這個時候就需要對部分的鏈接的顏色進行控制設置了。

3，通過對類與ID設置控制對應鏈接顏色

我們打開我們的CSS，發現網頁的鏈接顏色的代碼是這樣的

a.redlink a:link {
color:#（這里是要設置的顏色比如fffffff）;
text-decoration:none (表示有沒有下劃線);
}

我們如果要對對應的類或者ID里面的鏈接進行設置的話，在前面加對應的類的名稱或者ID的名稱就可以了。類的話，比如一個類叫做textlink ,那么我們在每個樣式的a.前面加.textlink就可以了，如果是ID比如DIV id是topnav,那么在每個樣式a. 前面加# topnav就行了。這樣我們可以把我們需要單獨定義的鏈接顏色樣式些到CSS文件里面，這樣就能夠隨意的控制了。

還有一種方法是直接定義鏈接的樣式，那樣更直接，不過調用時比較麻煩，需要給每個特定的鏈接加上定義的代碼。

網站制作的知識點很多，我們在學習的時候肯定會碰到各種各樣的問題，一方面需要我們勤學好問，遇到不懂的地方就記下來問有經驗的網站設計師，一方面，我們要有耐心信心。一旦我們學會之后，那種快樂是只有我們自己能夠體會的享受到的。

本文由上海聯楷網絡科技有限公司（http://www.ktcbnqb.cn）原創編輯轉載請注明。