Dreamweaver CC 如何設(shè)計(jì)立體鏈接樣式?
![](https://wx1.zuixu.com/859a470d7bc4406c84ad8d1930109b92/snapshots/448252ed082241439e4c73cb35bd20df-00005.jpg)
部分視頻內(nèi)容:設(shè)計(jì)立體鏈接樣式
立體效果設(shè)計(jì)技巧:
利用邊框線的顏色變化來(lái)制造視覺(jué)錯(cuò)覺(jué)。可以把右邊框和底部邊框結(jié)合,把頂部邊框和左 邊框結(jié)合,利用明暗色彩的搭配來(lái)設(shè)計(jì)立體變化效果。
利用鏈接背景色的變化來(lái)營(yíng)造凸凹變化的效果,鏈接的背景色可以設(shè)置相對(duì)深色效果,以 營(yíng)造凸起效果,當(dāng)鼠標(biāo)指針經(jīng)過(guò)時(shí),再定義淺色背景來(lái)營(yíng)造凹下效果。
利用環(huán)境色字體顏色(前景色)烘托這種立體變化過(guò)程。
本案例定義的網(wǎng)頁(yè)鏈接在默認(rèn)狀態(tài)下顯示灰色右邊框線和灰色底邊框線效果。當(dāng)鼠標(biāo)指針經(jīng)過(guò)時(shí)則清除右側(cè)和底部邊框線,并定義左側(cè)和頂部邊框效果,這樣就利用錯(cuò)覺(jué)設(shè)計(jì)出了一個(gè)簡(jiǎn)單的凸 凹立體效果。具體操作步驟如下。具體操作見(jiàn)視頻。
繼續(xù)查找其他問(wèn)題的答案?
-
Dreamweaver CC 如何設(shè)計(jì)下劃線鏈接樣式?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-172次播放
-
Dreamweaver CC 如何定義網(wǎng)頁(yè)鏈接樣式?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-171次播放
-
Dreamweaver CC 如何定義圖像熱點(diǎn)?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-171次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-173次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-170次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-171次播放
-
Dreamweaver CC 如何使用快捷菜單創(chuàng)建鏈接?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-170次播放
-
Dreamweaver CC 如何使用“屬性”面板定義鏈接?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-171次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-171次播放
-
Dreamweaver CC如何調(diào)整圖像亮度和對(duì)比度?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-168次播放
點(diǎn)擊加載更多評(píng)論>>