css3 渐变背景色-CSS背景渐变颜色

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

在CSS中，我们可以使用“渐变”来完成背景渐变色的效果，渐变可以是线性的，也可以是放射状的。 以下是渐变设置的基本句型：background:linear-gradient(direction,color-stop1,color-stop2,...); 其中“direction”表示渐变的方向css3 渐变背景色，可以是“totop”、“tobottom”、“toright”、“toleft”、“totopright”、“totopleft”、“tobottomright”或“tobottomleft”等； “color-stop”是指定的渐变颜色。 例如，下面的代码展示了如何在 CSS 中使用线性渐变将元素 (DIV) 的背景颜色从白色逐渐设置为黄色： div{background:linear-gradient(toright,red,blue);} 如果我们想要做径向背景渐变，可以将“线性渐变”替换为“径向渐变”，但指定渐变的形状和位置。 下面是一个示例代码css3 渐变背景色，展示了如何在 CSS 中设置径向背景渐变。 其背景颜色从中心向内由灰变黑再变红：div{background:radial-gradient(circle,white,gray, black);}