1. 程式人生 > >超鏈接CSS樣式

超鏈接CSS樣式

lin ted 之間 ext style ngs ive :hover 方法

在網頁中調用CSS的方法:在<head></head>之間加入以下一行代碼

<link href="http://pannijingling.blog.163.com/blog/css/yangshi.css" rel="stylesheet" type="text/css" />
a:active是超級鏈接的初始狀態
a:hover是把鼠標放上去時的狀況
a:link 是鼠標點擊時
a:visited是訪問過後的情況
鏈接定義的順序是link,visited,active,hover,為了頁面的美觀,一般只用link和hover就可以了

<style type="text/css">
    a:link {
        color: #0000FF;
        text-decoration: none;
    }
    a:visited {
        color: #00FF00;
    }
    a:hover {
        color: #FFCC00;
    }
    a:active {
        color: #FF0000;
        text-decoration:none;
    }
</style>

超鏈接CSS樣式