回首頁 與我們連絡 網站地圖 加入我的最愛



 


超鏈結樣式設定(3)


  • 自訂鏈結樣式
  • 在『新增樣式(New Styles)』對話視窗,點選類型欄位中的『使用CSS判斷規則(Use CSS Selector)』項目後,接著點選『判斷規則(Selector)』欄位右方的三角形下拉選單按鈕,則將會出現下圖中的四個選項:

  • 先選定a:link(尚未瀏覽過的鏈結字串外觀)項目,然後按下『確定』按鈕進行外觀屬性設定:

回到網頁編輯主畫面中你會發現網頁中的超鏈結字串一點改變都沒有(在本例,如上圖所示,我們是將尚未瀏覽過的鏈結字串外觀設為紅色18點字),別緊張!在編輯畫面中是看不出變化的,當我們以瀏覽器預覽時就會出現正確結果啦!

  • 依照上述的步驟請自行練習設定
  1. a:active:正要開始瀏覽的鏈結字串外觀
  2. a:visited:已經瀏覽過的鏈結字串外觀
  3. a:hover:滑鼠指標移至鏈結字串時所顯現的外觀

[實例網頁展示]


上一篇下一篇

 

DreamWeaver 教學文件
Dreamweaver與CSS
圖層應用
時間軸應用
時間軸與路徑應用
互動式拼圖遊戲



 

本網頁內容由昱得資訊工作室楊宗誌(小誌 )製作(C) Copyright Valor-Studio since in 1993
非經正式書面同意,不得將全部或部分內容,以任何方式轉載於其他網站或用於任何商業行為