Download to read offline
Uploaded byAbhishekMondal42
PPTX, PDF50 views
Css pseudo classes
The document contains examples of using CSS pseudo-classes to style links at different states. The :link pseudo-class is used to style unvisited links as black, :visited styles clicked links as green, :hover styles links when the mouse is over them as orange, :active styles links being clicked as pink, and :focus styles links with keyboard focus as blue.
More Related Content
What's hot
More from AbhishekMondal42
Recently uploaded
Css pseudo classes
- 1. CSS - PseudoClasses
- 5. <html> <head> <style type ="text/css"> a:link {color:#000000} </style> </head> <body> <a href = "">Black Link</a> </body> </html>
- 6. <html> <head> <style type ="text/css"> a:visited {color: #006600} </style> </head> <body> <a href = "">Click this link</a> </body> </html>
- 7. <html> <head> <style type ="text/css"> a:hover {color: #FFCC00} </style> </head> <body> <a href = "">Bring Mouse Here</a> </body> </html>
- 8. <html> <head> <style type ="text/css"> a:active {color: #FF00CC} </style> </head> <body> <a href = "">Click This Link</a> </body> </html>
- 9. <html> <head> <style type ="text/css"> a:focus {color: #0000FF} </style> </head> <body> <a href = "">Click this Link</a> </body> </html>