在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;