位置:首頁(yè) > 軟件操作教程 > UI設(shè)計(jì)軟件 > Adobe Dreamweaver > 問(wèn)題詳情

Dreamweaver CC 如何設(shè)計(jì)立體鏈接樣式?

提問(wèn)人:劉旭39發(fā)布時(shí)間:2020-12-17

部分視頻內(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)題的答案?

回復(fù)(0)