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文字特效:

 文字陰影效果

Filter:Shadow(color=Value;Direction=Value;Zoom:Value;Padding:Value)
語法:{ Filter: Shadow (參數) }
參數:Color 顏色 , Direction (0、90、180、270) 陰影角度


<font style=FILTER: Shadow(color=8888ff,direction=150);height=10 color="#0066FF">文字</font>

 文字陰影效果加入Padding

<font style="filter: shadow(color=8888ff,direction=150); zoom:1; padding:5px;" color="#0066ff">文字</font>

 發光字體效果

Filter:Glow(color=Value;Strength=Value)
語法:{ Filter: Glow (參數) }
參數:Color 顏色 , Strength 範圍


<font style="filter: glow(color=#FF9900,strength=3); height:10px; color:white; padding:1px">文字</font>

 CSS教學首頁連結發光效果

<a href="連結網址" style="filter: glow(color=#3366FF,strength=3); height:10px; color:blue; padding:1px">連結文字</a> 

 字體模糊效果

Filter:Blur(Strength=Value;Direction=Value)
語法:{ Filter: Blur (參數) }
參數:Direction (0、90、180、270) 模糊角度 , Strength 幅度


<font style="filter: blur(strength=3,direction=150); height:10px; color:white; padding:1px">文字</font>




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

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