使用 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 次瀏覽

開啟您的職業

完成課程，獲得認證

開始
廣告