title: Highlight div box on hover
body: <p>Say I have a div with the following attributes:</p>
  
  <pre><code>.box {
    width: 300px;
    height: 67px;
    margin-bottom: 15px;
  }
  </code></pre>
  
  <p>How would I make it so that if someone hovers their mouse over this area, it changes the background to a slightly darker colour and makes it a clickable area?</p>