html星空特效代碼 怎么設(shè)置網(wǎng)頁(yè)背景為漸變色?
怎么設(shè)置網(wǎng)頁(yè)背景為漸變色?1. 打開(kāi)HTML開(kāi)發(fā)工具,創(chuàng)建一個(gè)新的HTML文件,在HTML代碼頁(yè)中創(chuàng)建一個(gè)<div>,并將類名添加到標(biāo)簽linear:;2。然后為班級(jí)設(shè)置風(fēng)格。在標(biāo)題后創(chuàng)建一個(gè)
怎么設(shè)置網(wǎng)頁(yè)背景為漸變色?
1. 打開(kāi)HTML開(kāi)發(fā)工具,創(chuàng)建一個(gè)新的HTML文件,在HTML代碼頁(yè)中創(chuàng)建一個(gè)<div>,并將類名添加到標(biāo)簽linear:;
2。然后為班級(jí)設(shè)置風(fēng)格。在標(biāo)題后創(chuàng)建一個(gè)樣式標(biāo)簽,然后在標(biāo)簽中設(shè)置線性類的線性漸變樣式。這里的第一個(gè)參數(shù)是設(shè)置漸變方向,最后兩個(gè)參數(shù)是開(kāi)始顏色和結(jié)束顏色。設(shè)置后,轉(zhuǎn)到瀏覽器查看效果:;
3。保存HTML文件后,使用瀏覽器查看效果。您將看到從綠色到紅色的漸變。以上是如何在HTML中設(shè)置背景色漸變:
html中想要將背景顏色漸變?cè)趺磁?/h2>
1。打開(kāi)編輯器,創(chuàng)建一個(gè)新的HTML,定義一個(gè)div,并給出50px的高度:
2。接下來(lái),在樣式中設(shè)置div的樣式。這里,使用linear gradient()在默認(rèn)方向?qū)懭爰t色和藍(lán)色漸變。梯度方向可以省略:
3。如果要設(shè)置從右到左的漸變方向,只需將“到左”屬性添加到線性漸變:
4。保存該文件以查看在指定方向生成的漸變,您可以在瀏覽器中看到紅色和藍(lán)色漸變。以下是在HTML中設(shè)置漸變的步驟
1/6在CSS結(jié)構(gòu)的代碼中,在邊框所在的div框中添加一個(gè)“background”屬性。2/6褪色需要使用代碼“-WebKit linear gradient()”3/6。在方括號(hào)中,第一個(gè)參數(shù)表示漸變類型4/6,第二個(gè)參數(shù)表示開(kāi)始顏色5/6,第三個(gè)參數(shù)表示結(jié)束顏色6/6。保存代碼并刷新瀏覽器中的網(wǎng)頁(yè),以查看我們?cè)O(shè)置的漸變顏色是否消失