codemarch Profile picture
Tech edu reimagined🎓 • Empowering through coding👩‍💻👨‍💻, development & personal branding • Bridging the gap to dream jobs

Dec 4, 2022, 6 tweets

CSS Links

Visually Explained📝

Thread 🧵

CSS Links

The four links states are:

🔹 `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.

Follow @codemarch and enable notifications.
we help developers to understand HTML, CSS & JavaScript in depth.
codemarch.gumroad.com/l/hxazr

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling