CSS中的a錨點是在網頁中非常常用的元素,通過a標簽添加href屬性可以鏈接到其他頁面或者頁面內的錨點。但是,a標簽的樣式與其它標簽的樣式有些不同,因為a標簽是鏈接元素,會受到眾多因素的影響。
a { display: inline-block; /* 因為a是行內元素,需要轉化為塊級元素才可以設置寬高等屬性 */ text-decoration:none; /* 去除默認的下劃線 */ color: #333; /* 設置默認的字體顏色 */ } a:hover { color: #f00; /* 設置鼠標懸停時的字體顏色 */ }
上述代碼描述了對a標簽的基本樣式的修改,通過設置邊框線條等屬性可以進一步美化a標簽的樣式。
此外,a標簽還有一個重要的偽類,即:visited,表示訪問過的鏈接,這個偽類也可以像:hover一樣被修改樣式:
a:visited { color: #999; /* 設置訪問過的鏈接的字體顏色 */ }
總的來說,a標簽作為鏈接元素,在CSS樣式中的使用要多加注意,因為它不但有自己的默認樣式,而且往往與頁面的整體布局、色彩搭配有很大的關系。