複数のカラーストップを含む線形グラデーション

WBOY

リリース： 2023-08-31 09:53:11

転載

698 人が閲覧しました

複数のカラーストップを含む線形グラデーション

線形グラデーションで複数のカラーストップを使用する場合は、次のコードを実行してみてください:

Example

ライブデモンストレーション

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            height: 100px;
            background: linear-gradient(blue, orange, yellow, gray);
         }
      </style>
   </head>
   <body>
      <h2>Linear Gradient</h2>
      <div id = "demo">Mutiple Color Stops</div><br>
   </body>
</html>

ログイン後にコピー

以上が複数のカラーストップを含む線形グラデーションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース：tutorialspoint.com

前の記事：SASS でどの値にも等しくない変数を設定するにはどうすればよいですか? 次の記事：CSSのアウトライン幅プロパティ

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事