title: CSS: How to have a button background image of the same size as the button?
body: <p>I read this link, and unfortunately, it didn't help me:
  <a href="https://stackoverflow.com/questions/9507774/how-to-make-background-image-shrink-proportionally-to-fit-button-size-in-javascr">How to make background image shrink proportionally to fit button size in javascript?</a></p>
  
  <p>I want to generate a button, whose background will be an image. I want CSS to match the image size to be as big as the button is. </p>
  
  <p>This is the CSS I wrote: </p>
  
  <pre><code>button {
      border: solid;
      background-image: url("../img/download.png");
      background-size: 100%;
  }
  </code></pre>
  
  <p>I don't know why, but I don't see any image in the button background. Do you know how to help me?</p>