甜蜜媽咪痞世界

   滑鼠游標超連結語法應用 :

一 ，動作項目 :

a /*所有超連結*/
a:link /*超連結文字格式*/
a:visited /*瀏覽過的連結文字格式*/
a:active /*按下連結的格式*/
a:hover /*滑鼠移至連結*/

二 ，動作內容分類 :

  滑鼠游標樣式 :(注意!此值為未被另行改變的作業預設值)
/*作業中*/ cursor:progress
/*十字型*/ cursor:crosshair
/*箭頭朝上*/ cursor:n-resize
/*箭頭朝下*/ cursor:s-resize
/*十字箭頭*/ cursor:move
/*箭頭朝右*/ cursor:e-resize
/*箭頭朝左*/ cursor:w-resize
/*加一問號*/ cursor:help
/*箭頭朝左上*/ cursor:nw-resize
/*箭頭斜右下*/ cursor:se-resize
/*文字I型*/ cursor:text
/*箭頭斜左下*/ cursor:sw-resize
/*箭頭朝右上*/ cursor:ne-resize
/*漏斗*/ cursor:wait
/*手型(IE6)*/ cursor:pointer
/*無法使用(IE6)*/ cursor:not-allowed
/*游標圖案(IE6)*/ {cursor:url(游標圖案網址.ani)}

  框線樣式 :
solid /*實線框*/
dotted /*虛線框*/
double /*雙線框*/
groove /*立體內凸框*/
ridge /*立體浮凸框*/
inset /*凹框*/
outset /*凸框*/

  超連結文字及樣式 :
font-style:italic; /*文字斜體*/
font-weight:bold; /*文字粗體*/
text-decoration:underline; /*加底線*/
text-decoration: none; /*去底線*/
color:#999999; /*文字色彩*/
font-family:新細明體; /*文字字型*/
font-size:120%; /*文字大小(常用值:可為pt-px-%)*/

  應用範例 :

  超連結文字應用範例 :(指的是滑鼠尚未接近時的預設狀態)

/*超連結字體-顏色-大小-去底線(此段為主預設項目，影響全版超連結)*/
a,a:link{font-family:新細明體;color:#FFFFFF;font-size:120%;text-decoration: none}

/*超連結加彩框線*/
a {position:relative; border-left:2px dotted #00ffff; border-right:2px dotted #ffff00; border-top:2px dotted #00ff80; border-bottom:2px dotted #ff00ff;}

  按下超連結應用範例 :

/*已瀏覽過的文字顏色*/
a:visited {color:#FF00FF;}

/*動作絕對位置-超連結按紐動作-凹陷狀-字體-顏色-大小*/
a:active {position:relative;border:4px inset #00ffff;font-family:新細明體;color:#FFFFFF;font-size:100%;}

  滑鼠移到超連結應用範例 :

/*動作絕對位置-框線粗細-立體浮凸-框線顏色-字體大小變化*/
a:hover {position:relative;border:4px ridge #00ffff;font-family:新細明體;color:#FFFFFF;font-size:100%;}

/*動作絕對位置-框線粗細-凹陷狀-框線顏色-字體大小變化*/
a:hover {position:relative;border:4px inset #00ffff;font-family:新細明體;color:#FFFFFF;font-size:100%;}

  滑鼠游標圖案變換應用範例 :

/*滑鼠移到超連結游標圖案*/
a:hover{cursor:url(游標圖案網址.ani)}

/*全版預設游標*/
body{cursor:url(游標圖案網址.ani)}