Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Customize a Link as Button using CSS</title> <style> a:link, a:visited { color: white; background-color: #1ebba3; display: inline-block; padding: 10px 20px; border: 2px solid #099983; text-decoration: none; text-align: center; font: 14px Arial, sans-serif; } a:hover, a:active { background-color: #9c6ae1; border-color: #7443b6; } </style> </head> <body> <p><a href="#">CSS Link Button</a></p> </body> </html>
