css背景顏色漸變代碼 如何用css寫漸變色?
如何用css寫漸變色?準(zhǔn)備的材料有:電腦、瀏覽器和HTML編輯器。1. 首先,打開HTML編輯器并創(chuàng)建一個(gè)新的HTML文件索引.html. 2. 在索引.html1打開HTML開發(fā)工具,創(chuàng)建一個(gè)新的H
如何用css寫漸變色?
準(zhǔn)備的材料有:電腦、瀏覽器和HTML編輯器。
1. 首先,打開HTML編輯器并創(chuàng)建一個(gè)新的HTML文件索引.html.
2. 在索引.html1打開HTML開發(fā)工具,創(chuàng)建一個(gè)新的HTML文件,在HTML代碼頁中創(chuàng)建一個(gè)<div>,并將類名添加到標(biāo)簽linear:;
2。為班級設(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è)置背景色漸變:
怎么設(shè)置網(wǎng)頁背景為漸變色?
1。打開編輯器,創(chuàng)建一個(gè)新的HTML,定義一個(gè)div,并給出50px的高度:
2。接下來,在樣式中設(shè)置div的樣式。這里,使用linear gradient()在默認(rèn)方向?qū)懭爰t色和藍(lán)色漸變。梯度方向可以省略:
3。如果要設(shè)置從右到左的漸變方向,只需將“到左”屬性添加到線性漸變:
4。保存該文件以查看在指定方向生成的漸變,您可以在瀏覽器中看到紅色和藍(lán)色漸變。以下是在HTML中設(shè)置漸變的步驟