如何利用Dreamweaver設計彩色文字鏈接

　　如何利用Dreamweaver設計彩色文字鏈接?為幫助大家解決這一難題，下面百分網(wǎng)小編帶大家一起來(lái)看看詳細操作步驟，希望對大家有所幫助!想了解更多相關(guān)信息請持續關(guān)注我們應屆畢業(yè)生考試網(wǎng)!

　　(初級版)

　　1、按下 Shift+F11 鍵打開(kāi) CSS 樣式面板，單擊“新建樣式”按鈕，在彈出的'“新建 CSS 樣式”對話(huà)框中點(diǎn)選“高級”選項，然后在選擇器下拉菜單中選擇“ a:link ”，點(diǎn)擊確定，創(chuàng )建一個(gè) CSS 樣式表文件。

　　2、保存樣式表文件后，設定默認鏈接樣式為無(wú)下劃線(xiàn)，字體為宋體 12pt ，其他色彩等參數都不設置。

　　3、再次單擊“新建樣式”按鈕，在“新建 CSS 樣式”對話(huà)框中點(diǎn)選“類(lèi)”并定義自己的樣式類(lèi)，然后設置名稱(chēng)為“ .t1 ”，點(diǎn)選“定義在 css.css ”，設置完畢后單擊確定。接下來(lái)的設置跟第二步操作一樣，然后單擊確定。

　　4、在文檔窗口中輸入“無(wú)下劃線(xiàn)”字樣。選中“無(wú)下劃線(xiàn)”段落，然后打開(kāi)屬性設置界面，在樣式列表中選擇“ t1 ”，將樣式應用到所選網(wǎng)頁(yè)元素上，保存網(wǎng)頁(yè)文件后預覽，這個(gè)時(shí)候會(huì )發(fā)現文字的大小為 12px ，而且超級鏈接的下劃線(xiàn)也不見(jiàn)了。

　　(進(jìn)階版)

　　1、在 CSS 樣式表面板中雙擊“ .t1 ”，打開(kāi) t1 樣式表，這里要定義其塊狀鏈接樣式。單擊“背景”選項，首先給鏈接增加一個(gè)背景色，這里選擇“紅色”，在分類(lèi)欄中選擇“邊框”，然后在“上”列表中選擇“實(shí)線(xiàn)”，為文字鏈接的四周增加一個(gè)邊框，從而實(shí)現平面塊狀文字鏈接。

　　2、在分類(lèi)欄中選擇“邊框”，然后設置寬和高的.值為 1px ，這樣可以使鏈接文字與按鈕四周有 1px 的間距，從而使四邊框看起來(lái)有立體感。

　　3、定義特效文字的鏈接，我們創(chuàng )建一個(gè)使用 Blur 濾鏡的文字鏈接，在“過(guò)濾器”下拉菜單中選擇“Blur ( Add=?,Direction=?,Strength=? )”選項，選項創(chuàng )建好了之后，然后我們就可以更改之前的濾鏡參數，將它設置為“ Blur ( Add=ture,Direction=45,Strength=1 )”。

【如何利用Dreamweaver設計彩色文字鏈接】相關(guān)文章：

如何利用Dreamweaver彩色文字鏈接03-21

Dreamweaver如何設計彩色文字鏈接05-06

利用Dreamweaver設計彩色文字鏈接的方法介紹06-01

如何用Dreamweaver設計彩色文字鏈接05-07

Dreamweaver設計彩色文字鏈接07-08

Dreamweaver設計彩色文字鏈接的方法06-07

怎么用Dreamweaver設計彩色文字鏈接02-25

初級版Dreamweaver設計彩色文字鏈接教程02-25

Dreamweaver設計彩色文字鏈接教程（進(jìn)階版）03-21