溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

dreamweaver如何設計彩色文字鏈接

發(fā)布時間:2021-10-18 14:37:00 來源:億速云 閱讀:123 作者:小新 欄目:互聯(lián)網科技

小編給大家分享一下dreamweaver如何設計彩色文字鏈接,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

效果說明

將鼠標置于文本上時,文本樣式會發(fā)生改變,比如不會出現(xiàn)下劃線,文字會閃動等。結合其他樣式屬性,還可以實現(xiàn)按鈕式文字鏈接,效果如圖所示。

dreamweaver如何設計彩色文字鏈接

具體操作步驟:

步驟一初級鏈接樣式

在 CSS 樣式定義設置對話框中的“類型”子選項中有 5 種修飾類型。點選不同的修飾項,可以輕易設置不同的初級鏈接樣式,如圖1所示。下面以“無”下劃線設置為例進行講解,其他樣式的設置跟本例類似。

dreamweaver如何設計彩色文字鏈接

1、創(chuàng)建一個 CSS 樣式表文件。按下 Shift+F11 鍵打開 CSS 樣式面板,單擊【新建樣式】按鈕,在彈出的【新建 CSS 樣式】對話框中點選【高級( ID ,上下文選擇器等)】選項,然后在選擇器下拉菜單中選擇【 a:link 】,單擊【確定】按鈕,如圖2所示。

dreamweaver如何設計彩色文字鏈接

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

dreamweaver如何設計彩色文字鏈接

3、新建并設置樣式“ .t1 ”。再次單擊【新建樣式】按鈕,在【新建 CSS 樣式】對話框中點選【類(可應用于任何標簽)】選項,定義自己的樣式類,然后設置名稱為“ .t1 ”(【名稱】文本框是用來指定類的,用戶可以根據(jù)需要任意填寫,其格式是“ .* ”),最后點選【定義在 css.css 】,一切設置完畢后單擊【確定】。接下來的設置跟第二步操作一樣,然后單擊【確定】,如圖4所示。

dreamweaver如何設計彩色文字鏈接

以上是“dreamweaver如何設計彩色文字鏈接”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經查實,將立刻刪除涉嫌侵權內容。

AI