css3-鏈接

在web頁面中, 我們會發現,頁面中如果含有鏈接標籤,在點擊的過程中它的顏色會有多種樣式,比如:未點擊的時候會紅色,鼠標放上去變藍色,點擊過後變爲綠色。這個效果具體實現如下:
首先,給HTML5文件添加一個標籤:

hello 百度

然後,在css3文件內進行如下設置:
a:link{
text-decoration:none;
color: #FF0000;
}
a:visited{
color: #00FF00;
}
a:hover{
color: #0000FF;
}
a:active{
color: #00FF00;
}

其中: link是未被選中的狀態;
visited是被選中的狀態;
hover是被點擊過的狀態;
active是正被點擊是的狀態。

另外,如果想把鏈接下面的橫線去掉,可以再link中添加一句:
text-decoration:none;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章