title: How can one set a background image in a Django Template?
body: <p>How can one set a background image in a Django Template? Let's say the url of my background image is at www.randomlink.com/static/backgroundimagesplash.jpg</p>
  
  <p>I took a look at the <a href="https://pinterest.com/" rel="nofollow">Pinterest</a> homepage. As many of you know, Pinterest was built using Django. I inspected a few of their elements on their home page.</p>
  
  <p>One of the graphics they used was this splash image here: <a href="https://s-passets-ec.pinimg.com/webapp/app/desktop/images/logged_out_splash.77aa6339.jpg?1373235165" rel="nofollow">PinterestSplashImage.jpg</a></p>
  
  <p>The splash image is set at the bottom center. One thing I noticed is that the splash image resizes relative to the resizing of the browser that it is viewed in.</p>
  
  <p>This is my current home page template:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
  &lt;link href="www.randomlink.com/static/favicon.ico" rel="icon" type="image/x-icon"&gt;
  &lt;head&gt;
  &lt;title&gt;Homepage&lt;/title&gt;
  &lt;meta http-equiv="Content-type" content="text/html; charset=utf-8" /&gt;
  &lt;style&gt;
  body{
      font-family:Arial,Helvetica,sans-serif;
      font-size: 12px;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      {{ state }}
      &lt;form action="/login/" method="post"&gt;
          {% if next %}
          &lt;input type="hidden" name="next" value="{{ next }}" /&gt;
          {% endif %}
          username:
          &lt;input type="text" name="username" value="{{ username}}" /&gt;&lt;br /&gt;
          password:
          &lt;input type="password" name="password" value="" /&gt;&lt;br /&gt;
  
          &lt;input type="submit" value="Log In" /&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>How can one set the www.randomlink.com/static/backgroundimagesplash.jpg at the bottom centre and make it re sizable just like Pinterest did with their home page? (For the sake of argument, the splash image will be the same dimensions as the Pinterest splash image)</p>