HTML/CSS basics

Here we got a simple link:

Here's the HTML for it:

<a href='http://google.com'>Visit Google</a>

Let's remove the underline using the CSS code:

text-decoration: none;

Let's set a background color!

background: #4286f4;

Let's change the color using the CSS rule:

color: white;

Give some breathing space.
Let's add some padding to increase the space inside it:

padding: 0.5em 1em 0.5em 1em;

This CSS code sets top and bottom padding to 0.5em
and left and right padding to 1em.

A little roundness wouldn't be bad, eh?

border-radius: 3px;

And before you realized it, we turned a simple anchor tag to a full fledged decent looking button!