<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Link as Button using CSS</title> <style> a:link, a:visited { color: skyblue; background-color: purple; display: inline-block; padding: 15px 15px; border: 3px solid orange; text-decoration: none; text-align: center; font: 15px Arial, sans-serif; } a:hover, a:active { background-color: red; border-color: blue; } </style> </head> <body> <p><a href="#">Link Button</a></p> </body> </html>