■CSS連結特效:
如本網站上所看到的連結果,包括連結變色了、底線不見了、或是滑鼠形狀不同了,這些效果皆是使用樣式表作設定的,舉例如下:
<style type="text/css">
<!--
a { text-decoration: none } //宣告消除底線
//A代表HTML連結
a:link {color:#ccccff} //宣告連結顏色
a:visited {color:#ccccff} //宣告訪問過連結顏色
a:active {color:#ffcccc} //宣告執行中連結顏色
a:hover {color:#ffcccc; cuosor: n-resize} //宣告當滑鼠移到連結時連結顏色及滑鼠游標形狀
-->
</style>
滑鼠游標設定可更改為:
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;}
|