title: how do you change the color of nav bar
body: <p>How would i change the colour of my nav bar in this code? </p>
  
  <p>CSS</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  body 
      {
        background-color:#454545;
        color:white;
        font-family:"Courier New";
        text-align:center;
      }
        a:link
      {
        color:white;
      }
        a:visited
      {
        color:white;
      }
        a:hover
      {
        color:white;
      }
        a:active
      {
        color:white;
      }
  .nav
      {
        border:1px solid #ccc;
        border-width:1px 0;
        list-style:none;
        margin:0;
        padding:0;
        text-align:center;
      }
      .nav li{
      display:inline;
      }
  .nav a
      {
      display:inline-block;
      padding:10px;
      }
  h1
      {
        font-size:40;
      }
  h2
      {
        font-size:27.5;
        text-decoration:underline;
      }
  h3
      {
        font-size:20;
      }
  p
      {
        font-size:12;
      }
      &lt;/style&gt;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;li&gt;&lt;a href="http://"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="http://"&gt;Youtube&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="https://"&gt;Twitter&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>I've looked up how to change it but it only gave me things about twitter. I just want to know how to change the  navigation bar colour not the whole page colour.</p>