當前位置:才華齋>設計>網頁設計>

Dreamweaver設計彩色文字連結的方法

網頁設計 閱讀(2.36W)

文字連結是網頁中最常見的頁面元素,在預設狀態下,文字連結樣式都是帶下劃線的,這種一陳不變的外觀使網頁無法凸現個性和滿足佈局的需要。以下是小編為大家搜尋整理的Dreamweaver設計彩色文字連結的方法,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!

Dreamweaver設計彩色文字連結的方法

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

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

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

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