🔹 `a:link` - a normal, unvisited link
🔹 `a:visited` - a link the user has visited
🔹`a:hover` - a link when the user mouses over it
🔹 `a:active` - a link the moment it is clicked
Text Decoration👇
The `text-decoration` property is mostly used to remove underlines from links:
Background Color👇
The `background-color` property can be used to specify a background color for links:
Link Buttons👇
This example demonstrates a more advanced example where we combine several CSS properties to display links as boxes/buttons:
End of this Thread🧵
If you enjoyed this thread, don't forget to like, comment, and retweet the opening tweet.
🔹Content - The content of the box, where text and images appear
🔹Padding - Clears an area around the content. The padding is transparent
🔹Border - A border that goes around the padding and content
🔹Margin - Clears an area outside the border. The margin is transparent
The box model allows us to add a border around elements, and to define space between elements.