9 walker studio-9w個人設計工作室
Google
.網頁設計接案業務
.加入GForce手機娛樂聯盟

.基礎HTML教學
.CSS樣式表教學
.基礎JAVASCRIPT教學
.JAVASCRIPT收集
.自製ASP程式下載
.色彩英文名對照
.16進位色碼對照一
.16進位色碼對照二
.可愛包子動畫圖庫
.MSN表情小圖示下載
.9W2U-1024X768桌布下載

.GForce付費手機遊戲
.免費遊戲房
.免費線上遊戲房
.免費檔案報報
.免費資源報報
.網站漫遊報報
.多國語言字母發音表

因網友留言內容
含成人色情內容
討論區即時停止運作
不便之處敬請見諒
● LOGO交換登錄
● 和我們連絡

 友站及其它連結
刑事警察局網際網路資訊站
591租屋網站
反毒害大聯盟
台灣認養地圖
KTzone日記, 論壇
::S.H.E 青春組織國際後援會::
CSS教學
CASCADING STYLE SHEET

01 何謂CSS語法? 07 表單特效
02 CSS語法的定義及元素樣式? 08 圖片影像特效
03 樣式性質分類 09 捲軸特效
04 CSS的宣告方式 10 CSS動態存取、控制樣式(限IE)
05 CSS連結特效 11 CSS參數表
06 CSS文字特效  

CSS連結特效

■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;}




本站內容屬私人所有 請勿任易轉載 如須轉載 請通知本站
本站所鏈結標題及鍊結內容 皆歸原權利人所有
網站內容如有任何侵權 亦請通知本站刪除 謝謝!

Power by 9 Walker Studio
本站內容屬私人所有 請勿任易轉載 如須轉載請通知本站