New course! Every coder should learn Generative AI!
Try a free lesson+ 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?
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" />
+ 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....
Often have questions like this?
Learn more efficiently, for free:
Hot today
Bash
0 Votes
Why exception is not handled
1 Votes
Please help
0 Votes
Links of cmy codes
5 Votes
Link
6 Votes
Tips for first app
1 Votes
Ruby
2 Votes