close
這幾天在做網頁設計的期末作業,
搜尋網頁特效時發現一個超棒的CSS語法~*


那就是用CSS語法消除連結虛線框!!!

這真是太神奇了!
之前都是要用js語法消除,
整個麻煩又難用 ~"~


現在有方法可以直接用CSS語法做到這點,
真是太感謝語法研發的人了~!


現在就把這個好康教給大家吧~*


當我們在按連結項目時,都會有一個虛線框(下圖箭頭處)



雖然不是什麼大問題,但是有時候就很討厭它 =..=



就‧是‧不‧美‧觀



現在,就請你打開你的CSS樣式列表,
加入以下語法

a{blr:expression(this.onFocus=this.blur());}
( 在 IE5 之後的版本支援 CSS 中使用 )


如果使用 Mozilla Firefox 火狐 瀏覽器,
則可加入以下語法

a:focus { -moz-outline-style: none; }
( IE 不支援 )


這樣就OK了~*

簡單吧~*



* 建議大家如果要適應各種瀏覽器,兩個語法都貼上。





* 此語法採用自 【OECSPACE



* 有任何問題都可提出來,或到留言版提問 *


* 歡迎引用文章 *






arrow
arrow
    全站熱搜

    陳小貓 發表在 痞客邦 留言(2) 人氣()