How do you make buttons without using the <button> tag | Sololearn: Learn to code for FREE!


How do you make buttons without using the <button> tag

I looked everywhere but didn't find any good information about how you make a good-looking button. Can anyone help?

6/10/2016 5:46:34 PM


7 Answers

New Answer


Some people just like to down-vote others without providing a correct alternative. Here's an example of how to style both <button> and <a> WITHOUT JavaScript: <!DOCTYPE html> <html> <head> <style> body { text-align: center; } .button { padding: 10px 25px; margin-bottom: 40px; font-size: 24px; text-align: center; cursor: pointer; outline: none; color: #fff; background-color: #009a9a; border: none; border-radius: 7px; box-shadow: 0 5px #00cdcd; text-decoration: none; } .button:hover { background-color: #008080; } .button:active { background-color: #008080; box-shadow: 0 3px #004d4d; transform: translateY(1px); } </style> </head> <body> <h1>A CSS Styled Button</h1> <button class="button">Click Me</button> <br /> <a href="#" class="button">Click Me</a> </body> </html>


<input type="button" value="Click me" />


The one who's down-voting relevant answers is an a**hole.


maybe with a hoover image to simulate a button


You use css and style a link <a> to look like a button. Take the css course first or just follow an online guide.


you can use javascript or jquery to create the button and use css to style it


Bro your questions it has no....