平面設(shè)計(jì)漸變構(gòu)成圖片 怎么在網(wǎng)頁(yè)上添加漸變的顏色作為網(wǎng)頁(yè)背景?
怎么在網(wǎng)頁(yè)上添加漸變的顏色作為網(wǎng)頁(yè)背景?1、打開編輯器,新建一個(gè)HTML,并定義一個(gè)div,并給50px的高度: 2、接下來(lái)在style中設(shè)置div的樣式,這里使用linear-gradient
怎么在網(wǎng)頁(yè)上添加漸變的顏色作為網(wǎng)頁(yè)背景?
1、打開編輯器,新建一個(gè)HTML,并定義一個(gè)div,并給50px的高度:
2、接下來(lái)在style中設(shè)置div的樣式,這里使用linear-gradient()編寫一個(gè)默認(rèn)方向的紅藍(lán)漸變,漸變的方向可以省略的:
3、如果想設(shè)置漸變方向?yàn)閺挠抑磷?,只需要給linear-gradient加一個(gè)“to left”屬性就可以了:
4、保存文件查看生成的指定方向的漸變,可以看到瀏覽器中顯示出紅藍(lán)的漸變色。以上就是用在html中設(shè)置漸變色的步驟:
UI設(shè)計(jì)中如何把漸變色用好?
漸變色的設(shè)計(jì)做好了還是很高端的,但是如果用不好就會(huì)很臟,建議去多去看一下網(wǎng)站上的漸變色的圖,自己學(xué)著畫一下,一般漸變顏色都不能反差太大,不然很容易不協(xié)調(diào),只有多練多看,才能提升自己,希望對(duì)你有幫助!