CSS: Day 66

Day 66 in yellow

Today we will be creating a button.

//HTML
<a href="# " role="button">I am a button </a>
//CSS
a {
  display: inline-block;
  text-decoration: none;
  padding: 2rem;
  background: #000;
  border-radius: 100px;
  color: #ddd;
  cursor: pointer;👈 when we hover over it, it looks like a pointer 
}

The above code was simple, but it has a lot to it, the inline-block means it acts like a block…