效果說明
將鼠標(biāo)置于文本上時(shí),文本樣式會(huì)發(fā)生改變,比如不會(huì)出現(xiàn)下劃線,文字會(huì)閃動(dòng)等。結(jié)合其他樣式屬性,還可以實(shí)現(xiàn)按鈕式文字鏈接,效果如圖所示。
具體操作步驟:
步驟一初級(jí)鏈接樣式
在 CSS 樣式定義設(shè)置對(duì)話框中的“類型”子選項(xiàng)中有 5 種修飾類型。點(diǎn)選不同的修飾項(xiàng),可以輕易設(shè)置不同的初級(jí)鏈接樣式,如圖1所示。下面以“無”下劃線設(shè)置為例進(jìn)行講解,其他樣式的設(shè)置跟本例類似。
1、創(chuàng)建一個(gè) CSS 樣式表文件。按下 Shift+F11 鍵打開 CSS 樣式面板,單擊【新建樣式】按鈕,在彈出的【新建 CSS 樣式】對(duì)話框中點(diǎn)選【高級(jí)( ID ,上下文選擇器等)】選項(xiàng),然后在選擇器下拉菜單中選擇【 a:link 】,單擊【確定】按鈕,如圖2所示。
2、編輯樣式。保存樣式表文件(文件名為 css.css )后,開始編輯樣式。設(shè)定默認(rèn)鏈接樣式為無下劃線,字體為宋體 12pt ,其他色彩等參數(shù)都不設(shè)置,如圖3所示。
3、新建并設(shè)置樣式“ .t1 ”。再次單擊【新建樣式】按鈕,在【新建 CSS 樣式】對(duì)話框中點(diǎn)選【類(可應(yīng)用于任何標(biāo)簽)】選項(xiàng),定義自己的樣式類,然后設(shè)置名稱為“ .t1 ”(【名稱】文本框是用來指定類的,用戶可以根據(jù)需要任意填寫,其格式是“ .* ”),最后點(diǎn)選【定義在 css.css 】,一切設(shè)置完畢后單擊【確定】。接下來的設(shè)置跟第二步操作一樣,然后單擊【確定】,如圖4所示。
更多信息請查看IT技術(shù)專欄