按超連結時會有特效?

2008-01-31 6:45 pm
我去朋友的部落格時ˇ
按超連結會有虛線的框框ˇ
那是怎麼用的啊?
有虛線框的
如:http://tw.myblog.yahoo.com/hope-happyforever(貓兒)
會凹下去的
如:http://tw.myblog.yahoo.com/debbietwy(黛比)
只有底線的
如:http://tw.myblog.yahoo.com/jw!IDmqeRmeHwFg.0GBd6O78guo9w.h2lrS(傻妞)
這是要什麼語法嗎?給我其中一種,或是別種的也可以!
更新1:

TO voivo: 有點看不懂耶= =

更新2:

兩位回答者: 我都用了...但都沒改ㄟ(跟以前一樣)

回答 (3)

2008-02-09 11:15 pm
✔ 最佳答案
你的超連結設定重覆設定才致使系統無法辨識沒有改變
你先進自定式樣找出下面兩段你之前加入的超連結設定語法刪除
a,a:link,a:visited{color:#716E65;}
a:hover{color:#f03;}

*Links網頁超連結安娃分享*/
a,a:link,a:visited{color:#6600CC;text-decoration:none}
a:hover{color:#9900FF;background-image:url(http://圖檔網址.gif);background-repeat:repeat;border:1px dotted #6600CC ;position:relative;top:1px;left:1px}
/*http://tw.myblog.yahoo.com/love2pink-koreapalace*/
在將下面語法貼上~按確定
下面三種式樣語法任選一種




/*Links連結浮出凸框效果*/
a:hover{ border: 2px #fff outset }





/*Links連結去底線*/
a,a:link,a:visited{color:#未連結時色碼;text-decoration: none}
a:hover{color:#連結時色碼;text-decoration: none;}





/*Links超連結虛線框*/
a,a:link,a:visited{color:#00CC33;text-decoration:none}
a:hover{color:#00CC33;background-image:url(http://圖檔網址.gif);background-repeat:repeat;border:1px dotted #00CC33;position:relative;top:1px;left:1px}

語法註解:(上面語法框線顏色自行修改)
語法中 #色碼 就是框線顏色由一個 # 加上六個色碼數字組成
選擇你要的顏色色碼填在語法中 範例如右 #00CC33
請注意語法中填上色碼時前後的任何標點符號不可省略
下面網址是顏色色碼表
http://www.jennylee.tw/something_nothing-homepage_color_code.htm
語法中圖檔網址處是超連結顯示的圖片~如不需要可以不必理會
邊框樣式有以下幾種
dotted:點線;
dashed:虛線;
solid:實線;
double:雙線;
groove:槽線;
ridge:脊線;
inset:內凹;
outset:外凸;
你可以對照語法中紫色字地方英文字~~去做變換
參考: 加菲貓
2008-02-01 11:29 pm
語法:
/*Links網頁超連結安娃分享*/
a,a:link,a:visited{color:#虛 線 外 框 顏 色;text-decoration:none}
a:hover{color:#滑 鼠 碰 到 連 結 時字 的 顏 色;background-image:url(http://圖檔網址.gif);background-repeat:repeat;border:1px dotted #虛 線 外 框 顏 ;position:relative;top:1px;left:1px}
/*http://tw.myblog.yahoo.com/love2pink-koreapalace*/

圖 檔 網 址 請 不 要 變 動 ... 保 持 原 狀 !!
色碼表:

2008-02-01 15:30:08 補充:
色碼表:
參考: 自己經驗!!
2008-01-31 7:03 pm
http://tw.myblog.yahoo.com/jw!noWtFB.aHxIqHz8UGeKkJ90-/
這是我的部落格我有用過框線 可是怪怪的 就不用了

我給你彩色連結邊框
語法:/*連結的立體彩邊框*/
a:hover {border-left:3px ridge #780FB4; border-right:3px ridge #1E3C00; border-top:3px ridge #96003C; border-bottom:3px ridge #2D0FB4; }

語法使用:

進入 管理部落格 面版設定 自訂樣式

請先將原有的語法 COPY 至 WORD 文書檔案存檔備用

存檔後刪去原有的CSS

到管理部落格~ 各式樣板 ~ 簡單類 ~先點任一簡單類的樣版 ~ 按確定 ~按回我的部落格

再次進入管理部落格 ~ 自訂樣式 ~ 把奇摩簡單類樣板語法全部 清空

將小恩的版型語法全部 複製 貼入 自訂樣式的 CSS 語法中

面版設定 ~進階樣式 ~ 把 標題設定~ 欄位設定 ~內文設定~ 的透明度都調整至 0% (全透明)

或者
依樣彩色連結 有 別的顏色語法:/*連結的立體彩邊框*/
a:hover {border-left:3px ridge #780FB4; border-right:3px ridge #1E3C00; border-top:3px ridge #96003C; border-bottom:3px ridge #2D0FB4; }

都完全不依樣喔^^ 可以試試看 不喜歡 您就去這個部落格找吧
http://tw.myblog.yahoo.com/wu-ming/ (星夜天空)

可是我的推薦喔! !
參考: http://tw.myblog.yahoo.com/wu-ming/ 還有自己ˇ找的


收錄日期: 2021-04-21 11:25:20
原文連結 [永久失效]:
https://hk.answers.yahoo.com/question/index?qid=20080131000015KK02818

檢視 Wayback Machine 備份