gradiente1.html

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

Proinf.net