title: Color a div without coloring the padding area
body: <p>If I have a div:</p>
  
  <pre><code>&lt;div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And some css to give it a color:</p>
  
  <pre><code>div {
      width: 200px;
      height: 200px;
      padding: 20px;
      background-color: red;
  }
  </code></pre>
  
  <p>Then it colors the padding area as well. Is there a way to avoid this without changing the border or margin properties?</p>