close
連接的預設樣式是藍色,且有下劃線。可是,有的時候,我們會想要改變一下這個預設的樣式。這可以透過以下幾個選擇器來達成:
a:link: 設定當連接過去的網頁尚未被看過時,該連接的樣式。
a:visited: 設定當連接過去的網頁已經看過時,該連接的樣式。
a:hover: 設定當滑鼠蓋在連接上面時,該連接的樣式。
a:active: 設定當連接被點擊時,該連接的樣式。
讓我們來看看以下的樣式:
a:link {color:#FF0000; text-decoration:none;} |
以上樣式的意思為:
1) 一開始時,連接文字的顏色是紅色。
2) 一但被連接的頁面有被看過,連接文字顏色就變為藍色。
3) 當滑鼠蓋在連接上面時,文字大小變為 20,文字顏色變為綠色,而且下劃線會出現。
4) 當連接被點擊時,文字顏色變為粉紅色,而且下劃線不會消失。
請將您的滑鼠滑到以下的 『測試連接』上,您就可以看到以上樣是出現。
全站熱搜
留言列表