• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    快速在Dream weaver中制作鼠標懸浮鏈接上特效

    Dream weaverCS5 軟件作為一款網頁設計中比較容易上手操作的軟件,一直很受歡迎,那么如何去制作鼠標懸浮鏈接上特效呢,下面跟著我的步驟實現吧。

    東西/原料

    • Adobe Dream Weaver CS5
    • 電腦

    入門級建造

    1. 1

      起首我們打開Adobe Dream Weaver CS5,要新建一個站點,然后才新建一個網頁文件,站點根目次在本身保藏的圖片素材文件夾內即可。

    2. 2

      當我們新建的站點輸入了文字內容之后,我們便可以建立鏈接,在下方HTML處的鏈接欄輸入鏈接,這里我用#空毗連取代,建立好了之后,這段文字會釀成藍色,并且有下劃線。

    3. 3

      我們要鼠標左鍵框選適才建造完當作的這一段鏈接。接著我們在右側的CSS樣式面板中找到新建CSS樣式的小按鈕(1)建立一個新的樣式。進入到新建CSS法則中,我們得在選擇器類型中選擇復合內容(2),然后鄙人方的選擇器名稱中選擇a:hover(3)。最后點擊確定。

    4. 4

      然后我們進入到CSS樣式的設置中,請注重!此刻在這個面板中的設置都是等一下鼠標移到鏈接上所呈現的特效,包羅但不限于字體顏色更改,布景音樂等等,這里我設置的是字體顏色更改。

    5. 5

      點擊確定,保留后在瀏覽器預覽即可顯示!

      END

    總結

    1. 1

      打開軟件——建立站點——輸入內容——建立鏈接——新建CSS樣式表——選擇器類型選擇復合內容——選擇器名稱選擇a:hover——確定——更改顏色更改布景音樂等等操作——保留預覽——完當作。

      END

    注重事項

    • 有什么疑問接待與我聯系
    • 創作不易,若是幫到了您的忙可以點個有效
    • 發表于 2020-06-08 19:00
    • 閱讀 ( 858 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆