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】
* 有任何問題都可提出來,或到留言版提問 *
* 歡迎引用文章 *
搜尋網頁特效時發現一個超棒的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】
* 有任何問題都可提出來,或到留言版提問 *
* 歡迎引用文章 *
全站熱搜
留言列表