■CSS連結特效:
如本網站上所看到的連結果,包括連結變色了、底線不見了、或是滑鼠形狀不同了,這些效果皆是使用樣式表作設定的,舉例如下:
滑鼠游標設定可更改為:
s-resize 向下
w-resize 向左 nw-resize 向左上 sw-resize 向左下
e-resize 向右 ne-resize 向右上 se-resize 向右下
連結加上下底線: 所有的連結會出現上下底線
a {text-decoration: underline + overline; }
a:hover{text-decoration: underline + overline; color:red;}
會動的連結:當滑鼠移到連結上時,連結會往上跟左移動1個像素的距離特效
a:hover{position:relative;top:1px;left:1px;}
如本網站上所看到的連結果,包括連結變色了、底線不見了、或是滑鼠形狀不同了,這些效果皆是使用樣式表作設定的,舉例如下:
滑鼠游標設定可更改為:
s-resize 向下
w-resize 向左 nw-resize 向左上 sw-resize 向左下
e-resize 向右 ne-resize 向右上 se-resize 向右下
連結加上下底線: 所有的連結會出現上下底線
a {text-decoration: underline + overline; }
a:hover{text-decoration: underline + overline; color:red;}
會動的連結:當滑鼠移到連結上時,連結會往上跟左移動1個像素的距離特效
a:hover{position:relative;top:1px;left:1px;}
請先 登入 以發表留言。