網頁設計

當前位置 /首頁/設計製作/網頁設計/列表

Dreamweaver設計彩色文字連結教程(進階版)

如何使用Dreamweaver設計彩色文字連結呢?下面是本站小編整理的`教程,歡迎閱讀學習!

Dreamweaver設計彩色文字連結教程(進階版)

  Dreamweaver設計彩色文字連結教程(進階版)

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

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

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

TAG標籤:進階 Dreamweaver 連結 #