title: How do I set the background color for links?
body: <p>I've been trying to figure out on how to set the current page I'm at to a different background color than the other links, but to no avail.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="navigation"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="&lt;?php echo base_url() ?&gt;index.php/home"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="&lt;?php echo base_url() ?&gt;index.php/portfolio"&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="&lt;?php echo base_url() ?&gt;index.php/about"&gt;About&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="&lt;?php echo base_url() ?&gt;index.php/gallery"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="&lt;?php echo base_url() ?&gt;index.php/blog"&gt;Blog&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I want is to set the current active link to black, and the other four links to grey. That way if I visit <em>Portfolio</em>, for example, that link is black and the rest are grey. How would I do this?</p>