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;
}

.navbar li{
  float:left;
  padding:10px;
  background-color:#1A1A1A; 
  
}

.navbar li:first-of-type{
  border-radius:5px 0px 0px 5px;
}

.navbar li:last-of-type{
  border-radius:0px 5px 5px 0px;
}

.navbar a{
  text-decoration:none;
  color:#E8142D
}