title: Change CSS border colors with links
body: <p>I'm trying to get the border around my links to change color with the links. I have it set so <code>a.hover</code> changes the color slightly and wanted to make it change the border color also. Is it possible to do this using just CSS and HTML?</p>
  
  <p>This is my HTML code:</p>
  
  <pre><code>&lt;h1&gt;
      &lt;a class="border" href="http://example.com"&gt;Home&lt;/a&gt;
      &lt;a class="border" href="http://example.com/forum"&gt;Forum&lt;/a&gt;
  &lt;/h1&gt;
  </code></pre>
  
  <p>and this is my CSS:</p>
  
  <pre><code>h1 {
  text-align: center;
  color:#00F;
  
  }
  a:link {
  color: #00F;
  text-decoration: none;
  }
  a:visited {
  text-decoration: none;
  color: #00F;
  }
  a:hover {
  text-decoration: none;
  color: #006;
  }
  a:active {
  text-decoration: none;
  color: #000;
  }
  a.border {
  border-style: solid;
  border-color: #00F;
  border-width: 5px;
  }
  </code></pre>