為了讓網(wǎng)頁(yè)達(dá)到預(yù)想的美觀,文字連接的顏色至關(guān)重要,在同一個(gè)網(wǎng)頁(yè)中設(shè)置不同的文字連接顏色就顯得更加重要了,其實(shí)這個(gè)很簡(jiǎn)單,主要用到我們常見(jiàn)的樣式表,定義不同的樣式表,然后去分別調(diào)用就OK了!下面看看一些例子說(shuō)明:
首先我們要定義一個(gè)樣式
<style type="text/css">
……
……
</style>
將上面的代碼放在head中就行。下面來(lái)看如何寫(xiě)樣式表中的省略號(hào):
/* 網(wǎng)站鏈接總的css定義:可定義內(nèi)容為鏈接字體顏色、樣式等 */
a{text-decoration: none;} /* 鏈接無(wú)下劃線,有為underline */
a:link {color: #000000;} /* 未訪問(wèn)的鏈接 */
a:visited {color: #333333;} /* 已訪問(wèn)的鏈接 */
a:hover{color: #FF6600;} /* 鼠標(biāo)在鏈接上 */
a:active {color: #0000ff;} /* 點(diǎn)擊激活鏈接 */
/* 頻道文字鏈接的css定義*/
a.channel:link {color: #010029;}
a.channel:visited {color: #010029;}
a.channel:hover{color: #666666;}
a.channel:active {color: #1A32E5;}
/* 頂部當(dāng)前頻道文字鏈接的css定義 */
a.channel2:link {color: #1A32E5;}
a.channel2:visited {color: #010029;}
a.channel2:hover{color: #1A32E5;}
a.channel2:active {color: #666666;}
上面就是style里面的代碼了,這里定義了三種連接顏色,第一個(gè)是全站默認(rèn)文字連接顏色,其他兩種如何需要時(shí)可以利用下面代碼來(lái)調(diào)用
調(diào)用代碼為<a class=’channel’ ***>***</a>
調(diào)用代碼為<a class=’channel2’ ***>***</a