Dreamweaver 外掛 – 移除超連結所產生的虛線外框

當我們在網頁上點選超連結的文字或圖片時都會產生虛線外框,如下圖所示:

Dreamweaver 網頁設計  - Dreamweaver 外掛 - 移除超連結所產生的虛線外框 - scrubber_01

解決方法有兩種,一是使用 JavaScript 語法,二是使用 CSS 語法,說明如下:

 


使用 JavaScript 語法

只要在每一個超連結語法中加入以下語法,就可以移除超連結所產生的虛線外框:

onFocus="if(this.blur)this.blur()"

 

範例如下:

飛肯飛肯

最新教學

 

如果您對網頁語法不熟悉,可直接下載使用以下 Dreamweaver 外掛程式,在 Dreamweaver 內使用就會自動幫我們網頁上的所有起連結都加入移除超連結虛線外框的語法,很方更喔!

下載網址: http://www.flycan.com/deux2/extensions/MX17461_scrubber.mxp

 


使用 CSS 語法

a{ outline:none; }

 

感覺上,使用 CSS 語法好像比較簡單對不對,我也是喜歡使用 CSS 語法 :p

by
姜智豪
老師

關於 姜智豪 老師

從事網頁設計工作和教學工作 20 多年,參與設計過許多網站開發專案。從 1998 年開始從事教學工作,對於網頁設計教學有相當高的熱忱,於 2006 年創立飛肯設計學苑。主要專長 HTML、CSS、JavaScript、jQuery、RWD 等網頁設計技術,對於 SEO 搜尋引擎排名最佳化,以及 Instructional Design 教學專案設計亦有深入的研究。

當您對本文有任何問題或指教,歡迎到我們的【飛肯粉絲團】一起交流討論喔!

posted in Dreamweaver 網頁設計 and tagged , , .

迴響已被關閉。