Anchors are not only used within text: when you are going to use anchors outside text, it is better to make them look like buttons for a more user-friendly experience.
-
Make it look like a box: set
padding
to10px
. -
Rounded borders: set
border-radius
to4px
. -
The
background
should beorange
when not hovered, anddarkorange
on hover (:hover
). -
Remove underline: set
text-decoration
tonone
. -
Set the color of the text to
white
.
- To make the button look different when the user hovers over with the mouse, we use the
:hover
selector: https://www.w3schools.com/cssref/sel_hover.php
- Inside of the
:hover
selector change the background of the button todarkorange
.