創作內容

18 GP

CSS自定板面-連結跳動

作者:夏日薔薇│2007-09-05 18:21:34│巴幣:0│人氣:2666
就是讓連結的地方跳動
謎:這不是在說廢話嗎?(╬ ̄皿 ̄)=○#( ̄#)3 ̄)
我:(〒﹏〒)

請將下面語法貼到/*----整體頁面設定------*/下

CSS語法如下
/*連結跳動*/
a{
text-decoration:none}
a:hover{
position: relative; top: 1px;left:4px;}

註:left(左)、right(右)、top(上)、bottom(下),如要向右下移動則是設定right與bottom部分,2px是移動距離可自行更改。
夠簡單吧<(‵▽′)>
==================================================
其他
連結無底線
text-decoration:none

當滑鼠按到超連結時浮現有顏色的dash外框並加入連結跳動
a:hover {
border:2px 色碼 dashed;
position:relative;
top:2px;left:2px
}  
註:外框形狀可改為solid(實心線)、(dotted 點)、dashed (短線)、double (雙實線)。 


當滑鼠按到超連結時可出現向外浮出並有背景色的外框
a:hover {
background-color:色碼;
border: thin outset
}
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=504196
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:|CSS教學|

留言共 22 篇留言

夏多爾‧米菲‧艾因法
這是指哪個區塊?
沒圖片實在看不懂 QQ

09-05 18:42

夏日薔薇
是指小屋上你看得到的文字連結
妳可以在我的小屋隨便點一個連結就知道了
妳會看到連結部份會有按鈕的效果出現^^09-05 18:49
Beatrice
A去偷改囉~ ( ̄(工) ̄)y

09-05 18:59

夏日薔薇
^^09-05 19:07
夏多爾‧米菲‧艾因法
喔~
那裡喔

感謝 XD
正好在想怎麼改

09-05 19:04

夏日薔薇
:p
不客氣09-05 19:07
阿葉神
改謝老大分享^口^!

改好了=w=”

話說這語法可以用圖片網址嗎囧?

星期六在全改一改XD”

09-05 20:10

夏日薔薇
可以XD
目前我的連結就是有底圖的^^
滑鼠移到連(別點下去喔)你會發現上面會有閃光@o@
明天我再相關將語法丟上來^^09-05 20:16
千也紗
謝謝你來我滴屋屋泡茶坐坐唷~~

09-05 21:41

水靈雲兒
謝謝分享^^~我收藏囉!

09-05 22:13

Joe
還滿有趣的,CSS還真不少怪功能XD

09-05 22:33

羅斯洛立安的小黃花
嘿...又多學一招囉~
謝謝哩^O^

09-05 22:36

啦啦噗
好讚的教學XD~~

09-06 00:42

赫斯蒂亞
感恩分享喔,
收來慢慢研究^^

09-06 07:17

Boshian
感謝大大分享...

偷偷藏起來研究XD

09-06 11:32

老爹
偷回去 XD..

09-06 13:16

白菊
謝謝分享^O^

09-06 17:49

白菊
我要給GP >///<

09-06 17:49

→㊣~恍惚熊~㊣←
感謝教學~^^

09-06 19:25

魔物與獵人之愛
感謝教學

09-12 12:32

飄沄

雖然我是電腦白痴

還是要

收藏 收藏

謝謝您

09-12 16:57

FH
看好久終於看懂什麼叫[連結跳動]…(汗)

10-01 17:56

墮落腐海の小兔子
好有趣XD

10-06 19:48

花漓
3Q

11-04 20:00

Aquarius楓
讚..偷偷收藏了^^"

11-17 00:41

forgetdark
謝謝分享

02-17 13:58

我要留言提醒:您尚未登入,請先登入再留言

18喜歡★janeyang 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:CSS自定板面-留言和回... 後一篇:CSS自定板面-右邊選單...

追蹤私訊切換新版閱覽

作品資料夾

BHSN00003q89大家
有人願意一起加入我的麥塊行列嗎?OWO看更多我要大聲說昨天13:09


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】