gradiente1.html 

  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Gradiente 1</title>
  6.     <style>
  7.         body {
  8.             text-align: center;
  9.             background-image:linear-gradient(to right,
  10.             red 5%,orange 10%,yellow 15%,
  11.             green 50%,
  12.             blue 85%,indigo 90%,violet 95%);
  13.         }
  14.     </style>
  15. </head>
  16. <body>
  17.     <h1>Gradiente 1</h1>
  18.     <p>
  19.         <a href="https://www.w3schools.com/css/css3_gradients.asp">w3schools</a>
  20.     </p>
  21. </body>
  22. </html>

Proinf.net