文字鏈接是網(wǎng)頁中最常見的頁面元素，在默認(rèn)狀態(tài)下，文字鏈接樣式都是帶下劃線的，這種一陳不變的外觀使網(wǎng)頁無法凸現(xiàn)個(gè)性和滿足布局的需要。為了使文字鏈接符合頁面的整體效果，可以采用 CSS （樣式）來實(shí)現(xiàn)多樣的文字鏈接。

效果說明

將鼠標(biāo)置于文本上時(shí)，文本樣式會(huì)發(fā)生改變，比如不會(huì)出現(xiàn)下劃線，文字會(huì)閃動(dòng)等。結(jié)合其他樣式屬性，還可以實(shí)現(xiàn)按鈕式文字鏈接，效果如圖 22-1 所示。

創(chuàng)作構(gòu)思

      Text-decoration 屬性用來控制超級(jí)鏈接，結(jié)合 Border-Style 屬性，還可以實(shí)現(xiàn)更加復(fù)雜的樣式。

操作步驟 

步驟一初級(jí)鏈接樣式

      在 CSS 樣式定義設(shè)置對(duì)話框中的“類型”子選項(xiàng)中有 5 種修飾類型。點(diǎn)選不同的修飾項(xiàng)，可以輕易設(shè)置不同的初級(jí)鏈接樣式，如圖 22-2 所示。下面以“無”下劃線設(shè)置為例進(jìn)行講解，其他樣式的設(shè)置跟本例類似。 

      （ 1 ）創(chuàng)建一個(gè) CSS 樣式表文件。按下 Shift+F11 鍵打開 CSS 樣式面板，單擊【新建樣式】按鈕，在彈出的【新建 CSS 樣式】對(duì)話框中點(diǎn)選【高級(jí)（ ID ，上下文選擇器等）】選項(xiàng)，然后在選擇器下拉菜單中選擇【 a:link 】，單擊【確定】按鈕，如圖 22-3 所示。  

      （ 2 ）編輯樣式。保存樣式表文件（文件名為 css.css ）后，開始編輯樣式。設(shè)定默認(rèn)鏈接樣式為無下劃線，字體為宋體 12pt ，其他色彩等參數(shù)都不設(shè)置，如圖 22-4 所示。  

      （ 3 ）新建并設(shè)置樣式“ .t1 ”。再次單擊【新建樣式】按鈕，在【新建 CSS 樣式】對(duì)話框中點(diǎn)選【類（可應(yīng)用于任何標(biāo)簽）】選項(xiàng)，定義自己的樣式類，然后設(shè)置名稱為“ .t1 ”（【名稱】文本框是用來指定類的，用戶可以根據(jù)需要任意填寫，其格式是“ .* ”），最后點(diǎn)選【定義在 css.css 】，一切設(shè)置完畢后單擊【確定】。接下來的設(shè)置跟第二步操作一樣，然后單擊【確定】，如圖 22-5 所示。