怎么設置不同超鏈接顏色的樣式

申請免費試用、咨詢電話：400-8352-114

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

事實上，只要在CSS文件里面添加超鏈接樣式的代碼就可以實現(xiàn)：
/*這里設置第一種超鏈接的樣式：*/
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;
 }
 /*這里設置第二種超鏈接的樣式：*/
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)頁鏈接里面應用樣式，具體方法是：
<a href="http://www.hqzl.net/" class="top_nav">撫州網(wǎng)站建設</a>。
 到此，我們設置了一個超鏈接樣式。

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

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