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,#33ccff 0%, #ffff66 30%, #ffff66 70%, #33ccff 100%); padding: 40px; border-radius: 20px; border: 2px solid black;"></div>

Le code background: linear-gradient(to bottom,#33ccff 0%, #ffff66 30%, #ffff66 70%, #33ccff 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 (#33ccff 0%, #ffff66 30%, #ffff66 70%, #33ccff 100%)
L'ensemble du code est situé entre <div style=" et "></div>

Cliquer pour retrouver le code des couleurs