DW網頁設計教程-多彩文字鏈結
文字鏈結是網頁中最常見的頁面元素,在默認狀態下,文字鏈結樣式都是帶下劃線的,這種一陳不變的外觀使網頁無法凸現個性和滿足佈局的需要。為了使文字鏈結符合頁面的整體效果,可以採用 CSS (樣式)來實現多樣的文字鏈結。
效果說明
將滑鼠置於文本上時,文本樣式會發生改變,比如不會出現下劃線,文字會閃動等。結合其他樣式屬性,還可以實現按鈕式文字鏈結,效果如圖所示。
[便宜超值網頁設計 www.6000.com.tw]
創作構思
Text-decoration 屬性用來控制超連結,結合 Border-Style 屬性,還可以實現更加複雜的樣式。
操作步驟
步驟一初級鏈結樣式
在 CSS 樣式定義設置對話方塊中的“類型”子選項中有 5 種修飾類型。點選不同的修飾項,可以輕易設置不同的初級鏈結樣式,如下圖所示。下麵以“無”下劃線設置為例進行講解,其他樣式的設置跟本例類似。
( 1 )創建一個 CSS 樣式表檔。按下 Shift+F11 鍵打開 CSS 樣式面板,單擊【新建樣式】按鈕,在彈出的【新建 CSS 樣式】對話方塊中點選【高級( ID ,上下文選擇器等)】選項,然後在選擇器下拉功能表中選擇【 a:link 】,單擊【確定】按鈕,如下圖所示: