主頁 > 知識庫 > HTML基礎(chǔ)知識——設(shè)置超鏈接的樣式簡單實例

HTML基礎(chǔ)知識——設(shè)置超鏈接的樣式簡單實例
熱門標(biāo)簽：使用U盤裝系統(tǒng) 美圖手機 百度競價點擊價格的計算公式 檢查注冊表項 網(wǎng)站建設(shè) 智能手機 硅谷的囚徒呼叫中心 阿里云

***設(shè)置超鏈接的樣式示例 

a:link 超鏈接被點前狀態(tài)

a:visited 超鏈接點擊后狀態(tài)

a:hover 懸停在超鏈接時

a:active 點擊超鏈接時

在定義這些狀態(tài)時，有一個順序l v h a

代碼區(qū)：

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>無標(biāo)題文檔</title>  
  6. <style type="text/css">  
  7. a:link   
  8. {   
  9.     color:#000;   
  10.     text-decoration:none;}   
  11. a:visited   
  12. {   
  13.     color:#000;   
  14.     text-decoration:none;}   
  15. a:hover   
  16. {   
  17.     color:#F00;   
  18.     text-decoration:underline;}   
  19. a:active   
  20. {   
  21.     color:#F90;   
  22.     text-decoration:underline;}   
  23. </style>  
  24. <link href="Untitled-1.css" rel="stylesheet" type="text/css" />  
  25. </head>  
  26.   
  27. <body>  
  28. <a href="http://www.baidu.com/">百度一下</a>  
  29. </body>  
  30. </html>  

運行顯示：鼠標(biāo)箭頭未放到“百度一下”，其顯示黑色——放上時，其顯示紅色——點擊“百度一下”鏈接時，其顯示橙色——點擊后，其顯示黑色

以上這篇HTML基礎(chǔ)知識——設(shè)置超鏈接的樣式簡單實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

原文地址：http://www.cnblogs.com/H2921306656/archive/2016/07/10/5658752.html

標(biāo)簽：煙臺 賀州 山南 懷化 通遼 湘潭 黃山 湖北

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《HTML基礎(chǔ)知識——設(shè)置超鏈接的樣式簡單實例》，本文關(guān)鍵詞  ；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼

    • 電話咨詢

    • 400-1100-266