網(wǎng)頁(yè)設(shè)計(jì)代碼 怎么在網(wǎng)頁(yè)上添加漸變的顏色作為網(wǎng)頁(yè)背景?
怎么在網(wǎng)頁(yè)上添加漸變的顏色作為網(wǎng)頁(yè)背景?1. 打開編輯器,創(chuàng)建一個(gè)新的HTML,定義一個(gè)div,并給出50px的高度:2。接下來,在樣式中設(shè)置div的樣式。這里,使用linear gradient()
怎么在網(wǎng)頁(yè)上添加漸變的顏色作為網(wǎng)頁(yè)背景?
1. 打開編輯器,創(chuàng)建一個(gè)新的HTML,定義一個(gè)div,并給出50px的高度:
2。接下來,在樣式中設(shè)置div的樣式。這里,使用linear gradient()在默認(rèn)方向?qū)懭爰t色和藍(lán)色漸變。梯度方向可以省略:
3。如果你想設(shè)置梯度方向從右到左,只需添加一個(gè)“到”的線性梯度保存文件,并查看梯度生成的指定方向。您可以看到瀏覽器中顯示的紅色和藍(lán)色漸變。以下是在HTML中設(shè)置漸變顏色的步驟:
怎么設(shè)置網(wǎng)頁(yè)背景為漸變色?
1。打開HTML開發(fā)工具,創(chuàng)建一個(gè)新的HTML文件,在HTML代碼頁(yè)中創(chuàng)建一個(gè)<div>,并在標(biāo)簽中添加一個(gè)類名:;
2。為班級(jí)設(shè)置風(fēng)格。在標(biāo)題后創(chuàng)建一個(gè)樣式標(biāo)簽,然后在標(biāo)簽中設(shè)置線性類的線性漸變樣式。這里的第一個(gè)參數(shù)是設(shè)置漸變方向,最后兩個(gè)參數(shù)是開始顏色和結(jié)束顏色。設(shè)置后,轉(zhuǎn)到瀏覽器查看效果:;
3。保存HTML文件后,使用瀏覽器查看效果。您將看到從綠色到紅色的漸變。這是如何在HTML中設(shè)置背景顏色漸變