當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > 去掉超鏈接單擊時的邊框

去掉超鏈接單擊時的邊框

2012/10/28 10:40:15作者：佚名來源：網絡

移動端

【實例名稱】

去掉超鏈接單擊時的邊框

【實例描述】

鼠標單擊超鏈接時，鏈接周圍會出現一個虛線邊框。本例學習如何去掉這個邊框。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（www..com）</title>
<style>
a {
  aa:expression(onfocus=function() {blur();});
  }
</style>
</head>
<body>
單擊下面的鏈接，測試是否會出現邊框
<br />
<a href="#">單擊這里</a>
</body>
</html>

【運行效果】

運行效果

【難點剖析】

本例的重點是為鏈接標簽“a”設置樣式，其中“onfocus”表示鏈接獲得焦點時被觸發的方法“blur()”表示當鏈接被單擊時，會自動失去焦點，這樣就避免了邊框的出現。

【源碼下載】

如果你不愿復制代碼及提高代碼準確性，你可以點擊：去掉超鏈接單擊時的邊框進行本實例源碼下載

標簽：鏈接

上一篇：讓鏈接沒有下劃線CSS樣式怎么寫
下一篇：如何提取頁面中所有鏈接

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频