職稱計算機Dreamwaver教程：CSS樣式表濾鏡

導語：CSS是Cascading Style Sheet 的縮寫。譯作「層疊樣式表單」。是用于(增強)控制網頁樣式并允許將樣式信息與網頁內容分離的一種標記性語言。

CSS樣式表濾鏡實例

制作模糊文字效果

1、新建05.html的文件插入一個1行1列的表格，邊框和邊距全部設置為0。然后在表格中輸入要修飾的文字。

2、打開CSS樣式面板，創建一個CSS樣式，在彈出的`“新建樣式對話框”做如下設置。

3、設置完成后，單擊“確定”按鈕彈出“CSS樣式定義”對話框，在類型設置區域中設置：大小：60，字體：黑體，粗細：粗，顏色：#FF9900。

4、要產生文字特效，最重要的是在擴展設置區域中進行特殊設置。

Blur濾鏡產生像被風吹一樣的模糊效果。打開濾鏡選項的下拉菜單，對Blur濾鏡進行設置：

Blur(Add=?, Direction=?, Strength=?)

Add參數是一個布爾值，一般來說，當濾鏡用于圖片時取0，用于文字時取1。

“Direction=?”模糊方向，以45度為單位改變，“0”為垂直向上，“45”向右上，“90”水平向右，“135”向右下，以依次改變。這里我們設置Direction=90。

Strength代表模糊移動值，單位為像素。我們設置Strength=180。

設置完成后，點擊“確定”。

5、在文檔編輯區選中文字所在單元格，在屬性面板設置文字的樣式為.test。

保存文件，按F12預覽效果。

在只有HTML的時代，只能實現簡單的網頁效果。有了CSS樣式，網頁排版發生了翻天覆地的變化，在Dreamweaver8里，使用CSS樣式是如此的簡單，而制作出來的效果可以如此的炫目。

【職稱計算機Dreamwaver教程：CSS樣式表濾鏡】相關文章：

總結

以上是生活随笔為你收集整理的html美化计算机,职称计算机Dreamwaver教程：CSS样式表滤镜的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。