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