title: change border color on click
body: <p>I have a menu consisting of 4 div boxes. I want the active box to have a red border, if another box is clicked the border is white and the border of the other box is red. Do I need JavaScript or is CSS enough?</p>
  
  <p><a href="http://jsfiddle.net/CkwQU/" rel="nofollow">jsfiddel div</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="box"&gt;&lt;/div&gt;
  &lt;div class="box"&gt;&lt;/div&gt;
  &lt;div class="box"&gt;&lt;/div&gt;
  &lt;div class="box"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.box{
  margin: 10px;
  float: left;
  width: 100px;
  height: 50px;
  background-color: blue;
  border: solid 1px red;
  }
  </code></pre>