title: How to create a tiled background button using CSS
body: <p>I am trying to create a button like this (input type="submit"): <img src="https://i.stack.imgur.com/8jEQL.png" alt="Simple Button"></p>
  
  <p>using an image that needs to be tiled to achieve the above effect. <img src="https://i.stack.imgur.com/cpuCP.png" alt="Image to be tiled"> </p>
  
  <p>I have tried doing this so far:</p>
  
  <pre><code>            border: none;
              background: url(myImage.png) no-repeat;
              background-size: 80px 40px;
              padding-left: 40px;
              padding-right: 40px;
              padding-top: 5px;
              padding-bottom: 5px;
  </code></pre>
  
  <p>But looks like it is a lot of playing around with pixels numbers to achieve the desired effect. Is there an easier way of tiling to achieve this effect. </p>