<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
<style>
#grad {
height: 500px;
background-color: blue; /* Pour les navigateurs qui ne supportent pas de gradient */
background-image: linear-gradient(to right, #1c87c9, #8ebf42);
}
</style>
</head>
<body>
<h1>Fond de dégradé linéaire de droite à gauche</h1>
<div id="grad"></div>
</body>
</html>