<div class="container">
  <div class="element">
    <a href="#">Link that doesn't go anywhere.</a>
    <a href="#id">Internal Link.</a>
    <a href="http://sarasoueidan.com/">External Link.</a>
    <a>Anchor tag without <code>href</code>.</a>
  </div>
</div>
body {
  color: #555;
  font-size: 1.1em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

hr {
  margin: 50px 0;
}

.container {
  margin: 40px auto;
  max-width: 700px;
}

.element {
  padding: 20px;
}

a {
  display: block;
  margin-bottom: 1em;
  color: deepPink;
}

a:link {
  /* add background color here if you wanna change it in the :visited state */

  background-color: white;
}

a:visited {
  background-color: #eee;
  color: grey;
}