<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Backgrounds example</title>
    <style>
      p {
        font-family: sans-serif;
        padding: 20px;
        /* background properties */
        background-color: yellow;
        background: url(fire-ball-icon.png) no-repeat 99% center,
                    linear-gradient(to bottom, yellow, #dddd00 50%, orange);
      }
    </style>
  </head>
  <body>
    <p>Exciting box!</p>
  </body>
</html>