CSS設(shè)置多個(gè)不同的超鏈接,可以通過(guò)以下步驟實(shí)現(xiàn):
1、在HTML文檔中創(chuàng)建多個(gè)超鏈接元素,每個(gè)元素使用<a>
標(biāo)簽包裹,并設(shè)置相應(yīng)的href
屬性指向不同的網(wǎng)頁(yè)或資源。
2、在CSS樣式表中,為每個(gè)超鏈接元素設(shè)置不同的樣式,可以使用selector
選擇對(duì)應(yīng)的元素,并設(shè)置color
、font-size
、text-decoration
等屬性來(lái)自定義鏈接的樣式。
以下是一個(gè)簡(jiǎn)單的示例:
HTML代碼:
<a href="http://canthisbe.com/page1">鏈接1</a> <a href="http://canthisbe.com/page2">鏈接2</a> <a href="http://canthisbe.com/page3">鏈接3</a>
CSS代碼:
a:link { color: blue; text-decoration: none; } a:visited { color: purple; text-decoration: none; } a:hover { color: red; text-decoration: underline; }
在這個(gè)示例中,每個(gè)超鏈接元素都被賦予了不同的樣式,默認(rèn)情況下,未訪問(wèn)過(guò)的鏈接顏色為藍(lán)色,訪問(wèn)過(guò)的鏈接顏色為紫色,鼠標(biāo)懸停時(shí)的鏈接顏色為紅色,并且會(huì)有下劃線裝飾,這些樣式可以根據(jù)需要進(jìn)行自定義調(diào)整。