CSS3是CSS標(biāo)準(zhǔn)的第三個(gè)版本,它新增了許多新特性,其中超鏈接是其中之一。通過(guò)CSS3,我們可以美化超鏈接,增加交互效果。
a { color: #0000ff; /* 設(shè)置鏈接顏色 */ text-decoration: none; /* 去掉下劃線 */ transition: color 0.3s ease; /* 設(shè)置過(guò)渡效果 */ } a:hover { color: #ff0000; /* 設(shè)置鏈接顏色 */ }
上述代碼中,我們使用了color屬性來(lái)設(shè)置鏈接顏色,并使用text-decoration屬性去掉下劃線。同時(shí),我們還通過(guò)transition屬性設(shè)置了過(guò)渡效果,讓鏈接在被鼠標(biāo)懸停時(shí),顏色能夠平滑地變化。
a:link { color: #0000ff; /* 設(shè)置未訪問(wèn)鏈接顏色 */ } a:visited { color: #990099; /* 設(shè)置已訪問(wèn)鏈接顏色 */ } a:hover { color: #ff0000; /* 設(shè)置鼠標(biāo)懸停鏈接顏色 */ } a:active { color: #00ff00; /* 設(shè)置激活鏈接顏色 */ }
另外,我們還可以針對(duì)鏈接的不同狀態(tài)進(jìn)行樣式設(shè)置。:link用于設(shè)置未訪問(wèn)鏈接,:visited用于設(shè)置已訪問(wèn)鏈接,:hover用于設(shè)置鼠標(biāo)懸停鏈接,:active用于設(shè)置激活鏈接。通過(guò)這些偽類選擇器,我們可以更加靈活地控制鏈接的樣式。