- 相關(guān)推薦
利用Dreamweaver設(shè)計彩色文字鏈接的方法介紹
【提要】本篇《如何利用Dreamweaver設(shè)計彩色文字鏈接》特別為需要編程學(xué)習(xí)的朋友收集整理的，僅供參考。內(nèi)容如下：
如何利用Dreamweaver設(shè)計彩色文字鏈接?為幫助大家解決這一難題，下面小編帶大家一起來看看詳細(xì)操作步驟，希望對大家有所幫助!
1、按下 Shift+F11 鍵打開 CSS 樣式面板，單擊“新建樣式”按鈕，在彈出的“新建 CSS 樣式”對話框中點選“高級”選項，然后在選擇器下拉菜單中選擇“ a:link ”，點擊確定，創(chuàng)建一個 CSS 樣式表文件。
2、保存樣式表文件后，設(shè)定默認(rèn)鏈接樣式為無下劃線，字體為宋體 12pt ，其他色彩等參數(shù)都不設(shè)置。
3、再次單擊“新建樣式”按鈕，在“新建 CSS 樣式”對話框中點選“類”并定義自己的樣式類，然后設(shè)置名稱為“ .t1 ”，點選“定義在 css.css ”，設(shè)置完畢后單擊確定。接下來的設(shè)置跟第二步操作一樣，然后單擊確定。
4、在文檔窗口中輸入“無下劃線”字樣。選中“無下劃線”段落，然后打開屬性設(shè)置界面，在樣式列表中選擇“ t1 ”，將樣式應(yīng)用到所選網(wǎng)頁元素上，保存網(wǎng)頁文件后預(yù)覽，這個時候會發(fā)現(xiàn)文字的大小為 12px ，而且超級鏈接的下劃線也不見了。
(進(jìn)階版)
1、在 CSS 樣式表面板中雙擊“ .t1 ”，打開 t1 樣式表，這里要定義其塊狀鏈接樣式。單擊“背景”選項，首先給鏈接增加一個背景色，這里選擇“紅色”，在分類欄中選擇“邊框”，然后在“上”列表中選擇“實線”，為文字鏈接的四周增加一個邊框，從而實現(xiàn)平面塊狀文字鏈接。
2、在分類欄中選擇“邊框”，然后設(shè)置寬和高的值為 1px ，這樣可以使鏈接文字與按鈕四周有 1px 的間距，從而使四邊框看起來有立體感。
3、定義特效文字的鏈接，我們創(chuàng)建一個使用 Blur 濾鏡的文字鏈接，在“過濾器”下拉菜單中選擇“Blur ( Add=?,Direction=?,Strength=? )”選項，選項創(chuàng)建好了之后，然后我們就可以更改之前的濾鏡參數(shù)，將它設(shè)置為“ Blur ( Add=ture,Direction=45,Strength=1 )”。
【利用Dreamweaver設(shè)計彩色文字鏈接的方法介紹】相關(guān)文章：
如何利用Dreamweaver設(shè)計彩色文字鏈接03-24
dreamweaver添加超鏈接的方法11-24
Dreamweaver站點范圍內(nèi)更改鏈接的方法介紹03-01
Dreamweaver用屬性面板創(chuàng)建鏈接的方法12-23
淺談Dreamweaver超鏈接09-24
Dreamweaver為什么是空鏈接03-31