Dégradé de couleur du fond d'un article

Parfois, il peut être intéressant de mettre un article en valeur en le différenciant des autres par sa couleur de fond.
Le principe utilisé consiste à créer une page article avec le code suivant :

<div style="background: linear-gradient(to bottom,#66ffff 0%, #ffffcc 30%, #ffffcc 70%, #66ffff 100%); padding: 40px; border-radius: 20px; border: 2px solid black;"></div>

Le code background: linear-gradient(to bottom, #66ffff 0%, #ffff66 30%, #ffff66 70%, #66ffff 100%)  correspond


au fond de la page (background)
à la couleur du dégradé..(linear-gradient)
du haut de la page vers le bas (to bottom),
avec ici au début une couleur bleue (0%),après jaune (30%), jaune (70%) puis bleue (100%) pour le bas de page (#66ffff 0%, #ffff66 30%, #ffff66 70%, #66ffff 100%)

L'ensemble du code est situé entre
<div style=" (à mettre sur la 1ère ligne) et "></div>
  (à la dernière ligne du code concerné)

Exemple  de code créé pour une phrase (Voici un texte ...)

<p>Voici un texte que l'on veut avec une couleur de fond</p>

Il faudra encadrer le code de la manière suivante :

<div style="background: linear-gradient(to bottom,#66ffff 0%, #ffffcc 30%, #ffffcc 70%, #66ffff 100%); padding: 40px; border-radius: 20px; border: 2px solid black;">
<p>Voici un texte que l'on veut avec une couleur de fond</p>
</div>

Cliquer pour retrouver le code des couleurs