CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

複数のカラーストップを備えた線形グラデーション

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

例 

<!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>
>
  1. CSSで複数のカラーストップを使用して線形グラデーションを作成する

    複数のカラーストップを使用して線形グラデーションを作成するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div {    height: 200px;    width: 100%;    display: inline-block; &

  2. CSS3で複数の背景を追加する

    複数の背景を追加するには、CSSのbackground-imageプロパティを使用します。以下は、複数の背景を追加するためのコードです- 例 <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div {    background-image:    url("https://pngimg