這幾天在做網頁設計的期末作業,
搜尋網頁特效時發現一個超棒的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】
* 有任何問題都可提出來,或到留言版提問 *
* 歡迎引用文章 *
* Spotlight *
* 本部落格謝絕廣告,請自重 *
--- 2008 ---
* 08/13 "極簡"留言版樣式後台上架
* 01/01 PIXNET 樣式統整
--- 2007 ---
* 12/24 耶誕套裝樣式後台上架
* 12/15 新增 耶誕樣式套裝分享
* 11/08 後台新增留言版樣式
* 10/13 新增 PIXNET相簿樣式
所有文章列表‧all
--- 2008 ---
* 08/13 "極簡"留言版樣式後台上架
* 01/01 PIXNET 樣式統整
--- 2007 ---
* 12/24 耶誕套裝樣式後台上架
* 12/15 新增 耶誕樣式套裝分享
* 11/08 後台新增留言版樣式
* 10/13 新增 PIXNET相簿樣式
所有文章列表‧all
- Jan 14 Mon 2008 13:34
教學│使用CSS消除連結虛線框
close
全站熱搜
留言列表
發表留言