怎么設(shè)置不同超鏈接顏色的樣式

申請(qǐng)免費(fèi)試用、咨詢電話：400-8352-114

    在網(wǎng)站設(shè)計(jì)過程中，肯定網(wǎng)站會(huì)有很多的超鏈接，不同的鏈接使用不同的鏈接樣式是一個(gè)很好的選擇。那么，怎么在CSS里面設(shè)置不同的超鏈接顏色樣式呢？下面撫州網(wǎng)站建設(shè)專家提供一些方法。

事實(shí)上，只要在CSS文件里面添加超鏈接樣式的代碼就可以實(shí)現(xiàn)：
/*這里設(shè)置第一種超鏈接的樣式：*/
a.top_nav:link {
 color:#FFFFFF;
font-size:14px;
 font-weight:bold;
 }
 a.top_nav:visited {
 color:#FFFFFF;
 font-size:14px;
 font-weight:bold;
 }
 a.top_nav:hover {
 color:#ff0000;
 font-size:14px;
 font-weight:bold;
 }
 /*這里設(shè)置第二種超鏈接的樣式：*/
a.left_nav:link {
 color:#FFFFFF;
font-size:14px;
 font-weight:bold;
 }
 a.left_nav:visited {
 color:#FFFFFF;
 font-size:14px;
 font-weight:bold;
 }
 a.left_nav:hover {
 color:#ff0000;
 font-size:14px;
 font-weight:bold;
 }
將所有上面的代碼放置在CSS文件里面，然后引用該CSS文件就可以了。

然后在網(wǎng)頁鏈接里面應(yīng)用樣式，具體方法是：
<a href="http://www.hqzl.net/" class="top_nav">撫州網(wǎng)站建設(shè)</a>。
 到此，我們?cè)O(shè)置了一個(gè)超鏈接樣式。

另外一種超鏈接的樣式可以這樣引用：
<a href="http://www.hqzl.net/" class="left_nav">撫州網(wǎng)站制作</a>。

到此，同一個(gè)網(wǎng)頁里面不同的超鏈接樣式就設(shè)置成功了，依次類推?？梢栽谝粋€(gè)網(wǎng)頁里面設(shè)置不同的超鏈接顏色樣式。