熱門類別
資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物
數學
英語
經濟學
心理學
社會科學
時尚研究
法律研究

使用 CSS3 漸變以線性格式排列兩種或更多顏色

線性漸變用於以線性格式排列兩種或更多顏色。

示例

你可以嘗試執行以下程式碼以在 CSS3 中實現線性漸變：-

<html>
   <head>
      <style>
         #grad1 {
            height: 100px;
            background: -webkit-linear-gradient(pink,green);
            background: -o-linear-gradient(pink,green);
            background: -moz-linear-gradient(pink,green);
            background: linear-gradient(pink,green);
         }
      </style>
   </head>
   <body>
      <div id = "grad1">
      </div>
   </body>
</html>

輸出

Nikitha N

更新於：29-Jun-2020

77 次瀏覽

開啟你的職業生涯

完成本課程可獲得認證

開始