如何利用Dreamweaver設計彩色文字連結

如何利用Dreamweaver設計彩色文字連結?為幫助大家解決這一難題,下面本站小編帶大家一起來看看詳細操作步驟,希望對大家有所幫助!想了解更多相關資訊請持續關注我們應屆畢業生考試網!

如何利用Dreamweaver設計彩色文字連結
  (初級版)

1、按下 Shift+F11 鍵開啟 CSS 樣式面板,單擊“新建樣式”按鈕,在彈出的“新建 CSS 樣式”對話方塊中點選“高階”選項,然後在選擇器下拉選單中選擇“ a:link ”,點選確定,建立一個 CSS 樣式表文件。

2、儲存樣式表文件後,設定預設連結樣式為無下劃線,字型為宋體 12pt ,其他色彩等引數都不設定。

3、再次單擊“新建樣式”按鈕,在“新建 CSS 樣式”對話方塊中點選“類”並定義自己的樣式類,然後設定名稱為“ .t1 ”,點選“定義在 ”,設定完畢後單擊確定。接下來的設定跟第二步操作一樣,然後單擊確定。

4、在文件視窗中輸入“無下劃線”字樣。選中“無下劃線”段落,然後開啟屬性設定介面,在樣式列表中選擇“ t1 ”,將樣式應用到所選網頁元素上,儲存網頁檔案後預覽,這個時候會發現文字的大小為 12px ,而且超級連結的下劃線也不見了。

  (進階版)

1、在 CSS 樣式表面板中雙擊“ .t1 ”,開啟 t1 樣式表,這裡要定義其塊狀連結樣式。單擊“背景”選項,首先給連結增加一個背景色,這裡選擇“紅色”,在分類欄中選擇“邊框”,然後在“上”列表中選擇“實線”,為文字連結的四周增加一個邊框,從而實現平面塊狀文字連結。

2、在分類欄中選擇“邊框”,然後設定寬和高的.值為 1px ,這樣可以使連結文字與按鈕四周有 1px 的間距,從而使四邊框看起來有立體感。

3、定義特效文字的連結,我們建立一個使用 Blur 濾鏡的文字連結,在“過濾器”下拉選單中選擇“Blur ( Add=?,Direction=?,Strength=? )”選項,選項建立好了之後,然後我們就可以更改之前的濾鏡引數,將它設定為“ Blur ( Add=ture,Direction=45,Strength=1 )”。