Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html> <head> <style> body { font-family: Arial, sans-serif; padding: 20px; } /* The correct order is: :link, :visited, :hover, :active */ /* Unvisited link */ a:link { color: #1a73e8; text-decoration: none; } /* Visited link */ a:visited { color: #9c27b0; } /* Hover state */ a:hover { color: #d93025; text-decoration: underline; } /* Active (clicked) state */ a:active { color: orange; } </style> </head> <body> <p>Check out <a href="#">this example link</a> to see the different states in action.</p> </body> </html>
