css鏈接標簽

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

移動端

【實例介紹】

css鏈接標簽
超文本鏈接語言(網(wǎng)頁)的精髓就是鏈接，通過鏈接才可以把世界各地的網(wǎng)頁鏈到一起
成為互聯(lián)網(wǎng)。鏈接標簽雖然在網(wǎng)站設(shè)計制作中占有不可替代的地位，但是其標簽只有—個，那
就是<a>標簽，下面是CSS定義超鏈接的4個狀態(tài)：
link：設(shè)置未訪問的鏈接樣式屬性。
active：設(shè)置被選擇(被按下)的鏈接樣式屬性：
visited：設(shè)置已訪問的鏈接樣式屬性。
hover：設(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>無標題文檔</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">鏈接標簽</a> 
</body>  
</html> 
 
【代碼分析】

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

鏈接標簽
【素材及源碼下載】