CSS Links
Visually Explained📝
Thread 🧵
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
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:
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:
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:
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
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
Loading suggestions...