css鏈接標(biāo)簽

2012/11/26 10:51:28作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

css鏈接標(biāo)簽
超文本鏈接語(yǔ)言(網(wǎng)頁(yè))的精髓就是鏈接，通過(guò)鏈接才可以把世界各地的網(wǎng)頁(yè)鏈到一起
成為互聯(lián)網(wǎng)。鏈接標(biāo)簽雖然在網(wǎng)站設(shè)計(jì)制作中占有不可替代的地位，但是其標(biāo)簽只有—個(gè)，那
就是<a>標(biāo)簽，下面是CSS定義超鏈接的4個(gè)狀態(tài)：
link：設(shè)置未訪問(wèn)的鏈接樣式屬性。
active：設(shè)置被選擇(被按下)的鏈接樣式屬性：
visited：設(shè)置已訪問(wèn)的鏈接樣式屬性。
hover：設(shè)置當(dāng)有鼠標(biāo)懸停在鏈接上的樣式屬性。

【實(shí)例代碼】


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無(wú)標(biāo)題文檔</title>
    <style type="text/css">   
   a:link{color:green;text-decoration:none}   
   a:active{color:blue;text-decoration:none}   
   a:visited{color:orange;text-decoration:none}   
   a:hover{color:red;text-decoration:underline}
   </style>  
  </head>      
 <body>  
<a href="link.html">鏈接標(biāo)簽</a> 
</body>  
</html> 
 
【代碼分析】

代碼中加粗部分標(biāo)簽是設(shè)置CSS鏈接樣式，如圖16．1所示。

鏈接標(biāo)簽
【素材及源碼下載】