+2
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
+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" />
The one who's down-voting relevant answers is an a**hole.
0
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
-1
Bro your questions it has no....
Send us a message
