- 相關推薦
職稱計算機Dreamwaver教程:CSS樣式表濾鏡
導語:CSS是Cascading Style Sheet 的縮寫。譯作「層疊樣式表單」。是用于(增強)控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標記性語言。
CSS樣式表濾鏡實例
制作模糊文字效果
1、新建05.html的文件插入一個1行1列的表格,邊框和邊距全部設置為0。然后在表格中輸入要修飾的文字。
2、打開CSS樣式面板,創(chuàng)建一個CSS樣式,在彈出的“新建樣式對話框”做如下設置。
3、設置完成后,單擊“確定”按鈕彈出“CSS樣式定義”對話框,在類型設置區(qū)域中設置:大小:60,字體:黑體,粗細:粗,顏色:#FF9900。
4、要產(chǎn)生文字特效,最重要的是在擴展設置區(qū)域中進行特殊設置。
Blur濾鏡產(chǎn)生像被風吹一樣的模糊效果。打開濾鏡選項的下拉菜單,對Blur濾鏡進行設置:
Blur(Add=?, Direction=?, Strength=?)
Add參數(shù)是一個布爾值,一般來說,當濾鏡用于圖片時取0,用于文字時取1。
“Direction=?”模糊方向,以45度為單位改變,“0”為垂直向上,“45”向右上,“90”水平向右,“135”向右下,以依次改變。這里我們設置Direction=90。
Strength代表模糊移動值,單位為像素。我們設置Strength=180。
設置完成后,點擊“確定”。
5、在文檔編輯區(qū)選中文字所在單元格,在屬性面板設置文字的樣式為.test。
保存文件,按F12預覽效果。
在只有HTML的時代,只能實現(xiàn)簡單的網(wǎng)頁效果。有了CSS樣式,網(wǎng)頁排版發(fā)生了翻天覆地的變化,在Dreamweaver8里,使用CSS樣式是如此的簡單,而制作出來的效果可以如此的炫目。
【職稱計算機Dreamwaver教程:CSS樣式表濾鏡】相關文章:
樣式表CSS簡明教程05-14
職稱計算機Dreamwaver教程:文本的插入與編輯11-05
職稱計算機Dreamwaver使用教程:文本的插入與編輯08-20
職稱計算機Dreamwaver教程:頁面的總體設置10-05
2017職稱計算機考試Dreamwaver教程:使用庫09-26