Navbar

HTML

<ul class="navbar">
  <li><a href="#home">InĂ­cio</a></li>
  <li><a href="#artigos">Artigos</a></li>
  <li><a href="#contato">Contato</a></li>
  <li><a href="#sobre">Sobre</a></li>
</ul>

CSS

.navbar{
  list-style-type:none;
  padding:0px;
  margin:0px;
  font-weight:bold;
  border-radius:5px;
}

.navbar li{
  float:left;
  padding:10px;
  background-color:#1A1A1A; 
  
}
.navbar a{
  text-decoration:none;
  color:#E8142D
}