Dreamweaver設計彩色文字鏈接的方法(圖文介紹)

發布時間:2017-04-14 06:25 來源:互聯網 當前欄目:網頁設計教程

Dreamweaver如何設計彩色文字鏈接?下面電腦高手網小編給大家摘錄一篇用Dreamweaver設計彩色文字鏈接的方法,希望可以給大家一些幫助或建議。

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

Dreamweaver設計彩色文字鏈接的方法(圖文介紹)) 電腦高手

  2、保存樣式表文件后,設定默認鏈接樣式為無下劃線,字體為宋體 12pt ,其他色彩等參數都不設置。

Dreamweaver設計彩色文字鏈接

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

Dreamweaver如何設計彩色文字鏈接教程

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

Dreamweaver設計彩色文字鏈接教程

  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、