+ 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?

10th Jun 2016, 5:46 PM
David
David - avatar
7 Respostas
+ 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>
13th Jun 2016, 1:13 AM
ZinC
ZinC - avatar
+ 1
<input type="button" value="Click me" />
12th Jun 2016, 11:52 PM
Anass
Anass - avatar
+ 1
The one who's down-voting relevant answers is an a**hole.
13th Jun 2016, 1:41 AM
ZinC
ZinC - avatar
0
maybe with a hoover image to simulate a button
10th Jun 2016, 6:55 PM
Eduardo Gustavo Salazar
Eduardo Gustavo Salazar - avatar
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.
10th Jun 2016, 7:47 PM
ZinC
ZinC - avatar
0
you can use javascript or jquery to create the button and use css to style it
11th Jun 2016, 5:56 AM
Matt
- 1
Bro your questions it has no....
10th Jun 2016, 6:18 PM
UMAR MUHAMMAD ALIYU
UMAR MUHAMMAD ALIYU - avatar