當我們在網頁上點選超連結的文字或圖片時都會產生虛線外框,如下圖所示:
解決方法有兩種,一是使用 JavaScript 語法,二是使用 CSS 語法,說明如下:
使用 JavaScript 語法
只要在每一個超連結語法中加入以下語法,就可以移除超連結所產生的虛線外框:
onFocus="if(this.blur)this.blur()" |
範例如下:
<p><a onfocus="if(this.blur)this.blur()" href="http://www.flycan.com.tw">飛肯飛肯</a></p> <p><a onfocus="if(this.blur)this.blur()" href="http://www.flycan.com.tw/course/course.php">最新教學</a></p> |
如果您對網頁語法不熟悉,可直接下載使用以下 Dreamweaver 外掛程式,在 Dreamweaver 內使用就會自動幫我們網頁上的所有起連結都加入移除超連結虛線外框的語法,很方更喔!
下載網址: http://www.flycan.com/deux2/extensions/MX17461_scrubber.mxp
使用 CSS 語法
a{ outline:none; } |
感覺上,使用 CSS 語法好像比較簡單對不對,我也是喜歡使用 CSS 語法 :p
by
姜智豪
老師
當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!