Dreamweaver CC 如何設(shè)計滑動背景鏈接樣式?
部分視頻內(nèi)容:
使用背景圖像設(shè)計鏈接樣式比較常用,其中,利用背景圖像的動態(tài)滑動技巧可以設(shè)計很多精致的 鏈接樣式,這種技巧被稱為滑動門技術(shù)。設(shè)計技巧如下:
設(shè)計相同大小但不同效果的背景圖像進行輪換時,背景圖像之間應(yīng)該過渡自然、切換吻合。
所有背景圖像組合在一張圖中,然后利用CSS技術(shù)進行精確定位,實現(xiàn)在不同狀態(tài)下顯 示為不同的背景圖像,這種技巧也被稱為CSS Sprites0 在本案例中,先定義鏈接塊狀顯示,然后根據(jù)背景圖像大小定義a元素的寬和高,并分別在默認(rèn) 狀態(tài)和鼠標(biāo)指針經(jīng)過狀態(tài)下定義背景圖像。對于背景圖像來說,寬度可以與背景圖像寬度相同,也可 以根據(jù)需要小于背景圖像的寬度,但是高度必須保持與背景圖像的高度一致。具體操作見視頻。
繼續(xù)查找其他問題的答案?
-
Dreamweaver CC 如何設(shè)計立體鏈接樣式?
2020-12-172次播放
-
Dreamweaver CC 如何設(shè)計下劃線鏈接樣式?
2020-12-172次播放
-
Dreamweaver CC 如何定義網(wǎng)頁鏈接樣式?
2020-12-171次播放
-
2020-12-171次播放
-
2020-12-173次播放
-
2020-12-170次播放
-
2020-12-171次播放
-
Dreamweaver CC 如何使用快捷菜單創(chuàng)建鏈接?
2020-12-170次播放
-
Dreamweaver CC 如何使用“屬性”面板定義鏈接?
2020-12-171次播放
-
2020-12-171次播放
點擊加載更多評論>>