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

+2

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

David

7 Answers

New Answer

+3

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>

+1

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

+1

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

0

maybe with a hoover image to simulate a button

0

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

0

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

-1

Bro your questions it has no....