使用 CSS 将径向渐变设置为背景图像

使用 radial-gradient() CSS 函数，将径向渐变设置为背景图像。可以尝试运行以下代码，在 CSS 中实现 linear-gradient() 函数

示例

在线演示

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            height: 200px;
            background: radial-gradient(green, orange, maroon);
         }
      </style>
   </head>
   <body>
      <p>Setting background as radial gradient.</p>
      <div id = "demo"></div>
   </body>
</html>

更新日期：25-Jun-2020

178 次浏览

开启您的职业

完成课程，获得认证

开始
广告